.prof-form__bed td:first-child {
background-image: url('../Images/Isle_WebIcons_1Bed.svg')
}
.prof-form__bed td:nth-child(2) {
background-image: url('../Images/Isle_WebIcons_2Bed.svg')
}
.prof-form__bed td:nth-child(3) {
background-image: url('../Images/Isle_WebIcons_3Bed.svg')
}
.prof-form__bed td:nth-child(4) {
background-image: url('../Images/Isle_WebIcons_4Bed.svg')
}
.prof-form__bath td:first-child {
background-image: url('../Images/Isle_WebIcons_1Bath.svg')
}
.prof-form__bath td:nth-child(2) {
background-image: url('../Images/Isle_WebIcons_2Bath.svg')
}
.prof-form__bath td:nth-child(3) {
background-image: url('../Images/Isle_WebIcons_3Bath.svg')
}
.prof-form__car td:first-child {
background-image: url('')
}
.prof-form__car td:nth-child(2) {
background-image: url('../Images/Isle_WebIcons_1Car.svg')
}
.prof-form__car td:nth-child(3) {
background-image: url('../Images/Isle_WebIcons_2Car.svg')
}
.prof-form__car td:nth-child(4) {
background-image: url('../Images/Isle_WebIcons_3Car.svg')
}
label.active::after {
background-color: #000 !important
}
@font-face {
font-family: 'silka-regular-webfont';
src: url('Fonts/silka-regular-webfont.woff')
}
@font-face {
font-family: 'silka-regular-webfont';
src: url('Fonts/silka-regular-webfont.woff')
}
:root {
--firstFont: "silka-regular-webfont",serif;
--primaryFont: "silka-regular-webfont",serif;
--secondFont: "silka-regular-webfont",serif;
--secondaryFont: "silka-regular-webfont",serif;
--navigationFirstLevelLinkFont: "silka-regular-webfont",serif;
--navigationSecondLevelLinkFont: "silka-regular-webfont",serif;
--navigationSecondLevelFontHeader: "silka-regular-webfont",serif;
--paragraphFontFamily: "silka-regular-webfont",serif;
--ulFontFamily: "silka-regular-webfont",serif;
--primaryColor: #977b59;
--secondaryColor: #0b2246;
--headingFontColor: #0b2246;
--paragraphFontColor: #000000;
--ulFontColor: #102F2D;
--aTagUnderline: #000;
--headingComponentFontColor: #102F2D;
--pargraphFontSize: 1.5em !important;
--headingOneFontSize: 3.3em !important;
--headingTwoFontSize: 2.4em !important;
--headingThreeFontSize: 2em !important;
--headingFourFontSize: 1.7em !important;
--ulFontSize: 16px !important;
--ulMobileFontSize: 12px !important;
--navigationColor: #102f2d;
--navigationMegaLinkColor: #102F2D;
--navigationFirstLevelFontColor: #fff;
--navigationSecondLevelFontColor: #102F2D;
--navigationSecondLevelCtaTagColor: #102F2D;
--navigationSecondLevelUnderlineColor: #102F2D;
--navigationSocialColor: #ffffff;
--navigationPhoneIcon: url('/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/phone-white.svg') no-repeat;
--navigationLocationIcon: url('/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/location-white.svg') no-repeat;
--navigationFontSize: 1.2em;
--navigationSecondLevelHeaderFontSize: 3em;
--navigationSecondLevelLinkFontSize: 1.3em;
--navigationMobileFacebook: url("/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/facebook-white.svg");
--navigationMobileInstagram: url("/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/instagram-white.svg");
--navigationMobileYoutube: url("/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/youtube-white.svg");
--navigationMobileColor: #0b2246;
--navigationMobileMegaDropLinkColor: #fff;
--navigationMegamenuToggleColor: #fff;
--mobileNavigationSocialBackgroundColor: #102F2D;
--mobileNavigationPrivacyStatementLinkColor: #fff;
--mobileNavigationSecondLevelUnderlineColor: #fff;
--languageSelectorDesktopColor: #102F2D;
--languageSelectorDesktopColorHover: #102F2D;
--languageSelectorMobileColor: #102F2D;
--languageSelectorMobileBackgroundColor: #ffffff;
--languageSelectorMobileBorderColor: 1px solid #c0c5c0;
--footerHeadingThreeSize: 1.4em;
--footerSocialIconsBackgroundColor: #ffffff;
--footerALinkColor: #5d605c;
--footerExploreMoreFontColor: #0b2246;
--footerAddressFontColor: #5d605c;
--footerPhoneFontColor: #5d605c --footerBackgroundColor:#f2f2f2 !important;
--primaryContrast: #e6e7e8;
--secondaryContrast: #e6e7e8;
--propertyFilterFontSize: 1.2em;
--propertyFontColor: #AD6D5E;
--propertyPriceFontSize: 1.25em;
--propertyLiSize: 1.3em;
--propertyListingColor: #E3DBC9;
--propertyFilterLabelColor: #AD6D5E;
--propertyFilterInputColor: #3C3B3E;
--propertyCardSizeColor: #3C3B3E;
--propertyCardButtonColor: AD6D5E;
--propertyCardPriceColor: #3C3B3E;
--propertyPaginationColor: #ffffff;
--propertyTypeFilterVisibility: block;
--bedroomFilterVisibility: block;
--bathroomFilterVisibility: block;
--minPriceFilterVisibility: block;
--maxPriceFilterVisibility: block;
--minLandSizeFilterVisibility: block;
--maxlandSizeFilterVisibility: block;
--minFrontageFilterVisibility: hide;
--maxFrontageFilterVisibility: hide;
--propertyPriceVisibility: block;
--propertySortVisibility: block;
--propertyAddressVisibility: none;
--propertyTitleFontColor: #AD6D5E;
--propertySubTitleFontColor: #AD6D5E;
--propertyAddressFontColor: #AD6D5E;
--propertyEnquireButtonBackgroundColor: #3C3B3E;
--propertyFeaturesTitleFontColor: #AD6D5E;
--propertyFeaturesSubTitleFontColor: #AD6D5E;
--propertyDescriptionFontColor: #3C3B3E;
--propertyDetailFontColor: #AD6D5E;
--propertyFeaturesIconColor: #E3DBC9;
--propertyParagraphFontColor: #3C3B3E;
--propertyFormPrivacyFontColor: #fff;
--propertyFeaturesVisibility: block;
--propertyMapVisibility: block;
--alphabetCarouselIntroVisibility: flex;
--alphabetCarouselHeadingVisibility: */;
--alphabetCarouselBackground: #0b2246;
--alphabetCarouselHeadingFourColor: #000;
--alphabetCarouselParagraphColor: #000;
--alphabetCarouselHeadingFourSize: 2.1em;
--alphabetCarouselHeadingThreeSize: 2.4em;
--awardTitleColor: #0b2246;
--awardDescriptionColor: #000;
--yearBackgroundColor: #0b2246;
--awardYearColor: #ffffff;
--conceptCarouselHeadingColor: #fff;
--conceptCarouselSlideHeadingColor: #fff;
--conceptCarouselBlurbColor: #fff;
--conceptCarouselBackground: #102f2d;
--cookieBarFontSize: .9em;
--promoCardLinkFontColor: #ffffff;
--featuredContentHeadingColor: #000;
--featuredContentParagraphColor: #000;
--featuredContentCtaFontSize: 1.5em;
--featuredContentCtaColor: #000;
--formHeaderFontColor: #102F2D;
--formLabelFontColor: #3C3B3E;
--formPrivacyFontColor: #000;
--formParagraphFontColor: #AD6D5E;
--formSubmitButtonBackgroundColor: #102F2D;
--formBorderColor: #000;
--formSubmitBackgroundColor: #102F2D;
--formLabelFontSize: 1em;
--formBackgroundColor: #e6e7e8;
--formFieldsetLegendFontSize: 1.3em;
--formCheckboxLabelFontSize: 1.3em;
--formBackgroundColor: #0b2246;
--comparatorDarkFontColor: #ffffff;
--comparatorLightFontColor: #000000;
--downloadCardBackground: #0b2246;
--downloadCardHeadingFontColor: #fff;
--downloadCardParagraphFontColor: #fff;
--downloadCardButtonFontColor: #fff;
--downloadCardButtonBackgroundColor: #102F2D;
--ctaImageGridBackgroundColor: #CAA676;
--ctaImageGridHyperlinkColor: #E3DBC9;
--ctaImageGridHyperlinkSize: 1.3em;
--newsRibbonColor: #ffffff;
--newsTagColor: #ffffff;
--newsPageNumberColor: #000000;
--newsPageCtaColor: #ffffff;
--newsPageCtaBorderColor: #000000;
--imageGalleryTextAlign: center;
--heroBannerOneHeadingFontColor: #ffffff;
--heroBannerOneParagraphFontColor: #ffffff;
--featuredCarouselDotColor: #fff;
--featuredCarouselHeadingColor: #fff;
--featuredCarouselATagSize: 1.5em;
--featuredCarouselBackgroundColor: #0b2246;
--featuredCarouselParagraphColor: #fff;
--registerNowBackgroundColor: #e6e7e8;
--registerNowFontColor: #000000;
--registerNowFontSize: 1.5em;
--subscribePopUpTitleColor: #ffffff
}
.concept-carousel {
padding: 10px 0 80px
}
.concept-carousel:before {
content: none
}
@media(min-width: 769px) {
.concept-carousel {
margin:20px 0
}
}
.hf-page .megamenu--three .megamenu__item>a,.resi-property-page .megamenu--three .megamenu__item>a {
font-size: 16px !important
}
.concept-carousel__slide-title {
font-family: "SweetSansProRegular" !important
}
.concept-carousel .tns-nav button.tns-nav-active {
background-color: #ab9d8d !important
}
h1,h2,h3 {
font-weight: 500 !important
}
strong {
font-weight: 700 !important
}
@media(max-width: 768px) {
header.nav-phase-3 .image {
padding:0
}
}
@media(max-width: 340px) {
header.nav-phase-3 .image {
margin-right:-25px;
margin-left: -20px
}
}
.acc-panel p {
font-family: 'silka-regular-webfont' !important
}
@media(max-width: 768px) {
.container-full .full-screen-mobile-fix.image-gallery:nth-of-type(1) .image-gallery__container {
height:calc(100vw + 50px)
}
.full-screen-mobile-fix .image-gallery__bg-image img {
position: absolute;
top: 0;
left: 5%;
width: 90%;
height: 90%;
object-fit: contain
}
}
@media(min-width: 769px) {
.full-screen-mobile-fix .image-gallery__bg-image img {
object-fit:contain
}
}
.container-full .full-screen-mobile-fix.image-gallery .caption {
color: #fff
}
#content ul>li:before {
list-style-type: none !important
}
#aerial::before {
content: "^Artist's Impression" !important
}
.resi-property-page #content h1,
.resi-property-page #content h2,
.resi-property-page #content h3,
.resi-property-page #content h4,
.resi-property-page #content h5,
.resi-property-page #content .property-details__item,
.property-details__links a,
.property-detail-left-column .resi-property-now-selling-link a {
color: #000 !important;
}
.resi-property-page .property-details__cta.btn {
border: 6px double #000 !important;
color: #000 !important
}
.card.list-with-date .content-title {
color: #fff !important;
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif !important
}
.card.list-with-date .content-date,.card.list-with-date .content-description,.card.list-with-date a.learn-more {
color: #c2bcaf !important;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
.card.list-with-date a.learn-more {
color: #c2bcaf !important;
-webkit-text-decoration-color: #c2bcaf !important;
text-decoration-color: #c2bcaf !important
}
:root {
--mqTabsBackgroundColor: transparent;
--mqTabsContentBackgroundColor: transparent;
--mq-main-bg-color: #fff;
--mq-main-color: #102f2d;
--mq-text-color: #FFF;
--mq-text-color-2: var(--mq-main-color);
--mq-form-color: #102f2d;
--mq-btn-color: #2c2829;
--mq-btn-text-color: #fff;
--mq-spacing: 120px;
--mq-spacing-second: 80px;
--mq-spacing-second-mb: 40px;
--mq-spacing-mb: 60px;
--mq-inline-mb: 35px;
--mq-between: 40px;
--mq-between-mb: 30px;
--mq-headingregular-font: "Canela Medium";
--mq-p-font: "SweetSansProRegular";
--mq-p-font-small: 12px;
--mq-p-font-small-mb: 10px;
--mq-p-font-medium: 16px;
--mq-p-font-large: 20px;
--mq-p-font-size: 14px;
--mq-h3-font-size: 14px;
--mq-h1-font-size: 28px;
--mq-h1-font-size-mb: 24px;
--mq-h1-font-size-big: 40px;
--mq-font-weight-normal: 126;
--mq-font-weight-light: 97;
--mq-font-weight-xlight: 45;
--mq-font-weight-bold: 300;
--mq-font-weight-xnormal: 76;
--mq-hero-text-bg: var(--mq-main-color);
--mq-why-mirvac-bg: var(--mq-main-color);
--mq-carousel-bg: #102f2d;
--mq-logo-grid-reverse-bg: var(--mq-main-bg-color);
--mq-logo-grid-bg: var(--mq-main-bg-color);
--mq-main-heading-color: #f4eeeb;
--mq-carousel-color: var( --mq-text-color);
--mq-why-mirvac-color: var(--mq-text-color);
--mq-logo-grid-color: var(--mq-text-color-2);
--mq-logo-grid-reverse-color: var( --mq-text-color-2);
--mq-tabs-color: var( --mq-text-color-2)
}
@keyframes grow {
0% {
transform: scale(1)
}
50% {
transform: scale(1.05)
}
100% {
transform: scale(1)
}
}
@font-face {
font-family: "Canela Regular";
src: url(/coonara-new/Styles/Fonts/Canela-Regular.woff2) format("woff2"),url(/coonara-new/Styles/Fonts/Canela-Regular.woff) format("woff")
}
@font-face {
font-family: "Canela Medium";
src: url(/coonara-new/Styles/Fonts/Canela-Regular.woff2) format("woff2"),url(/coonara-new/Styles/Fonts/Canela-Regular.woff) format("woff")
}
@font-face {
font-family: "SweetSansProRegular";
src: url(/coonara-new/Styles/Fonts/SweetSansProRegular.woff2) format("woff2"),url(/coonara-new/Styles/Fonts/SweetSansProRegular.woff) format("woff")
}
.hf-btn {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out
}
.hf-btn:hover,.hf-btn:focus {
color: #8d9b8e !important;
border: 6px double #8d9b8e !important;
transition: all .3s ease-in-out
}
.hf-btn--dark-green {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out
}
.hf-btn--dark-green:hover,.hf-btn--dark-green:focus {
color: #102f2d !important;
border: 6px double #102f2d !important;
transition: all .3s ease-in-out
}
.thank-you #content>.component+.component:not(.hero-banner-one) {
padding-bottom: 20px
}
.thank-you .form {
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif;
background-color: #12473f !important;
padding-top: 0;
color: #fff
}
.thank-you .form form {
background-color: #12473f !important;
padding-top: 0
}
@media(max-width: 768px) {
.thank-you .form form {
padding-inline:0
}
}
.thank-you .form .radio table td {
border-color: #fff;
filter: brightness(0) invert(1)
}
.thank-you .form .btn-default {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out;
width: 200px
}
.thank-you .form .btn-default:hover,.thank-you .form .btn-default:focus {
color: #8d9b8e !important;
border: 6px double #8d9b8e !important;
transition: all .3s ease-in-out
}
.thank-you .form.progressive-profiling.form .form-submit-border>.btn {
background: rgba(0,0,0,0) !important
}
.thank-you .form .form-submit-border {
text-align: center
}
.thank-you .form .input-wrapper--text-area,.thank-you .form .input-wrapper--select,.thank-you .form textarea,.thank-you .form .ss-single-selected {
border-color: #fff;
background-color: rgba(0,0,0,0);
color: #fff
}
.thank-you .form .placeholder,.thank-you .form a.arrow-link.privacy-statement-link {
color: #fff
}
.thank-you .form .ss-main .ss-single-selected .ss-arrow span {
border-color: #fff !important
}
.thank-you main .progressive-profiling .control-label,.thank-you main .progressive-profiling legend,.thank-you main .progressive-profiling label {
color: #fff !important
}
.thank-you .form:not(.form--custom).animate-in form:before {
display: none
}
.thank-you .rich-text h1 {
padding-top: 100PX;
color: #fff !important;
text-align: center;
padding-bottom: 2rem
}
.thank-you p {
color: #fff !important
}
.thank-you p.cookietext {
color: #fff !important
}
.mq-page .hero-banner-one {
margin-bottom: 0
}
.mq-page .hero-banner-one__overlay-wrapper {
max-width: 700px
}
@media(max-width: 800px) {
.mq-page .hero-banner-one__overlay-wrapper {
max-width:unset;
padding-inline:1rem}
}
.mq-page .hero-banner-one__overlay-wrapper h3 {
color: var(--White-Rich,var(--White,#fff));
font-size: 32px;
font-style: italic;
font-weight: 400;
line-height: normal
}
.mq-page .hero-banner-one__overlay-wrapper h5 {
color: #fff;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 36px
}
.mq-page .hero-banner-one .hero-banner-one__scroll-icon {
display: none
}
.mq-page .mq-btn__container {
margin: auto
}
.mq-page .mq-btn__container a {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out
}
.mq-page .mq-btn__container a:hover,.mq-page .mq-btn__container a:focus {
color: #102f2d !important;
border: 6px double #102f2d !important;
transition: all .3s ease-in-out
}
.mq-page .mq-btn__container a[target=_blank]::after {
display: none
}
.mq-page .mq-btn__container a::before {
display: none
}
.mq-page .mq-btn__container a:hover {
text-decoration: none
}
.mq-page .mq-btn__container a[target=_blank]:not(.btn) {
padding-left: 20px
}
.mq-page .mq-container-maxwidth {
margin: 0 auto;
max-width: 1220px;
padding-block:100px}
@media(max-width: 991px) {
.mq-page .mq-container-maxwidth {
padding:50px 1rem
}
}
@media(min-width: 1550px) {
.mq-page .mq-container-maxwidth {
max-width:1550px
}
}
@media(min-width: 1200px) and (max-width:1549px) {
.mq-page .mq-container-maxwidth {
max-width:1200px
}
}
.mq-page .mq-container-maxwidth:has(.logo-grid),.mq-page .mq-container-maxwidth:has(.mq-tabs) {
background-color: #ab9d8d;
max-width: unset
}
.mq-page .mq-bg-blue {
background: #102f2d
}
.mq-page .mq-bg-blue p {
color: #fff
}
.mq-page .mq-bg-blue h1,.mq-page .mq-bg-blue h2,.mq-page .mq-bg-blue h3 {
color: #fff
}
.mq-page .mq-bg-white p {
color: #333
}
.mq-page .mq-bg-white:has(.mq-main-heading) {
background-color: #102f2d
}
.mq-page .mq-bg-white:has(.mq-content-block__logo-container) {
background-color: #ab9d8d
}
.mq-page .mq-bg-gradient {
background: linear-gradient(180deg,#102f2d 0%,#102f2d 100%)
}
.mq-page .mq-bg-gradient h1,.mq-page .mq-bg-gradient h2,.mq-page .mq-bg-gradient h3 {
color: #fff
}
.mq-page .mq-bg-gradient h3 {
padding-top: 1rem;
font-size: 16px;
font-family: "Canela Regular","Open Sans",Helvetica,Arial,sans-serif !important
}
.mq-page .mq-page h1,.mq-page .mq-page h2,.mq-page .mq-page h3 {
line-height: normal;
text-transform: none;
margin: 0
}
.mq-page .mq-page h1 {
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif;
font-size: 55px;
font-weight: 375
}
@media(max-width: 992px) {
.mq-page .mq-page h1 {
font-size:45px
}
}
.mq-page .mq-page h2 {
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif
}
.mq-page .mq-page h3 {
font-size: 22px;
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif !important
}
.mq-page .mq-page p {
text-align: center;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 400;
margin: 0
}
.mq-page .mq-page sup {
font-size: 10px
}
.mq-page .text-white {
color: #fff
}
@media(max-width: 768px) {
.mq-page #content ul.mq-carousel__slides {
padding-left:10px
}
}
.mq-page .mq-carousel {
padding: 20px 10px
}
@media(min-width: 768px) {
.mq-page .mq-carousel {
padding:0;
padding-bottom: 100px
}
}
.mq-page .mq-carousel * {
max-width: unset
}
@media(min-width: 768px) {
.mq-page .mq-carousel__slides .owl-stage-outer {
left:30%
}
}
.mq-page .mq-carousel__slide-image {
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover
}
.mq-page .mq-carousel__slide-caption {
color: #8d9b8e;
padding-top: 10px;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 400
}
.mq-page .mq-carousel .owl-nav {
display: block !important
}
@media(max-width: 768px) {
.mq-page .mq-carousel .owl-nav {
display:flex !important;
justify-content: space-between
}
}
.mq-page .mq-carousel .owl-nav .owl-next {
background-image: url('data:image/svg+xml,') !important;
width: 46px;
height: 46px
}
.mq-page .mq-carousel .owl-nav .owl-next span {
display: none
}
@media(min-width: 768px) {
.mq-page .mq-carousel .owl-nav .owl-next {
position:absolute;
right: 5%;
top: 40%
}
}
.mq-page .mq-carousel .owl-nav .owl-next:hover {
background: rgba(0,0,0,0)
}
.mq-page .mq-carousel .owl-nav .owl-prev {
background-image: url('data:image/svg+xml,') !important;
width: 46px;
height: 46px
}
.mq-page .mq-carousel .owl-nav .owl-prev span {
display: none
}
@media(min-width: 768px) {
.mq-page .mq-carousel .owl-nav .owl-prev {
position:absolute;
left: 5%;
top: 40%
}
}
.mq-page .mq-carousel .owl-nav .owl-prev:hover {
background: rgba(0,0,0,0)
}
.mq-page .mq-tabs {
display: flex;
justify-content: center;
position: relative;
flex-direction: column;
margin: 0 auto;
max-width: 1220px
}
@media(max-width: 991px) {
.mq-page .mq-tabs {
flex-direction:column
}
}
@media(max-width: 991px) {
.mq-page .mq-tabs {
padding-inline:1rem
}
}
@media(min-width: 1550px) {
.mq-page .mq-tabs {
max-width:1550px
}
}
@media(min-width: 1200px) and (max-width:1300px) {
.mq-page .mq-tabs {
max-width:1200px
}
}
@media(min-width: 1301) and (max-width:1549px) {
.mq-page .mq-tabs {
max-width:1300px
}
}
.mq-page .mq-tabs h5 {
font-family: "Canela Regular","Open Sans",Helvetica,Arial,sans-serif !important;
line-height: normal;
font-size: 16px;
color: #fff;
font-weight: 400;
margin-top: 16px
}
.mq-page .mq-tabs h4 {
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif !important;
letter-spacing: 2px
}
.mq-page .mq-tabs__title {
color: #fff;
text-align: center;
font-weight: 500;
font-size: 45px;
padding-bottom: 70px;
text-transform: capitalize
}
@media(max-width: 992px) {
.mq-page .mq-tabs__title {
font-size:45px
}
}
.mq-page .mq-tabs-nav {
display: flex;
flex-wrap: wrap;
padding-left: unset !important
}
@media(max-width: 992px) {
.mq-page .mq-tabs-nav {
flex-wrap:unset;
overflow-x: scroll;
overflow-y: hidden
}
}
.mq-page .mq-tabs-nav li {
position: relative;
display: inline-block;
border-bottom: 0;
cursor: pointer;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
text-align: center;
opacity: .5
}
@media(min-width: 1200px) {
.mq-page .mq-tabs-nav li {
flex:14.2142857143%
}
}
@media(max-width: 772px) {
.mq-page .mq-tabs-nav li {
flex:50%
}
}
@media(min-width: 773px) and (max-width:1200px) {
.mq-page .mq-tabs-nav li {
flex:33.3333333333%
}
}
.mq-page .mq-tabs-nav li.active {
border-color: #fff;
border-bottom: 4px solid #fff;
margin-bottom: -3px;
opacity: 1;
text-decoration: none
}
.mq-page .mq-tabs-nav li:hover {
text-decoration: none
}
.mq-page .mq-tabs-nav a {
padding: 5px 15px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center
}
.mq-page .mq-tabs-nav a::before {
display: none
}
.mq-page .mq-tabs-nav a:hover {
text-decoration: none
}
.mq-page .mq-tabs-nav a img {
filter: brightness(0) invert(1);
width: 100%;
height: 100%
}
@media(max-width: 992px) {
.mq-page .mq-tabs-nav .logo {
width:105px
}
}
.mq-page .mq-tabs .mq-tab-content {
padding-top: 30px;
border-top: 2px solid #fff
}
.mq-page .mq-tabs__content-section {
display: flex;
justify-content: center
}
@media(max-width: 991px) {
.mq-page .mq-tabs__content-section {
flex-direction:column;
align-items: center
}
}
.mq-page .mq-tabs--text-image {
flex: 50%
}
.mq-page .mq-tabs--text-image__text {
text-align: center;
padding-top: 30px
}
@media(min-width: 992px) {
.mq-page .mq-tabs--text-image__text {
padding-right:2rem;
padding-top: 50px
}
}
.mq-page .mq-tabs--text-image__text h4 {
color: #fff;
line-height: 31.2px;
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 32px
}
.mq-page .mq-tabs--text-image__text p {
color: #fff;
text-align: center;
font-weight: 400;
font-size: 16px;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif
}
.mq-page .mq-tabs--text-image__img img {
-o-object-fit: cover;
object-fit: cover
}
@media(min-width: 768px) {
.mq-page .mq-tabs--text-image__img img {
width:90%
}
}
.mq-page .mq-tabs__image {
flex: 50%;
display: flex;
justify-content: flex-end;
margin-left: 3rem;
position: relative
}
@media(max-width: 991px) {
.mq-page .mq-tabs__image {
margin-left:0;
margin-block:3rem}
}
.mq-page .mq-tabs__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.mq-page .mq-tabs__img-overlay {
position: absolute;
left: calc(100% - 140px);
bottom: 0
}
.mq-page .mq-tabs__img-overlay img {
width: 140px
}
.mq-page .sl-content-tabs {
padding: 44px 118px 82px 118px
}
@media(max-width: 991px) {
.mq-page .sl-content-tabs {
padding-block:2rem;
padding-inline:1rem}
}
.mq-page .mq-content-block--text-center {
text-align: center
}
@media(min-width: 992px) {
.mq-page .mq-content-block--text-center {
width:50%;
margin: auto
}
}
@media(min-width: 992px) {
.mq-page .mq-content-block--text-center:has(.mq-main-heading) {
width:90%
}
}
.mq-page .mq-content-block--text-center p {
padding-block:30px;color: #c2bcaf;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
@media(max-width: 991px) {
.mq-page .mq-content-block--text-center p {
font-size:.875rem
}
}
@media(min-width: 992px) {
.mq-page .mq-content-block--text-center:has(.mq-content-block__logo-container) {
display:flex
}
}
.mq-page .mq-content-block--text-center .mq-btn__container a {
border-color: rgba(0,0,0,0)
}
.mq-page .mq-content-block--text-center .mq-btn__container a:hover {
border-color: rgba(0,0,0,0);
color: #8d9b8e !important;
transition: none
}
@media(min-width: 992px) {
.mq-page .mq-content-block__logo {
width:70%
}
}
.mq-page .mq-content-block__logo .mq-btn__container a {
border-color: #fff !important
}
.mq-page .mq-content-block__logo .mq-btn__container a:hover {
border-color: #102f2d !important;
color: #102f2d !important;
transition: none
}
.mq-page .mq-content-block__logo p {
color: #fff;
padding-block:80px 40px}
@media(max-width: 992px) {
.mq-page .mq-content-block__logo p {
padding-block:40px
}
}
.mq-page .mq-content-block__logo-container {
display: flex;
-moz-column-gap: 80px;
column-gap: 80px;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
@media(min-width: 992px) {
.mq-page .mq-content-block__logo-container div:nth-of-type(1) img {
width:295px;
height: 118px
}
}
@media(min-width: 992px) {
.mq-page .mq-content-block__logo-container div:nth-of-type(2) img {
width:214px;
height: 75px
}
}
.mq-page .mq-content-block__center-video {
width: 100%
}
.mq-page .mq-content-block__heading h1 {
margin: 0;
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif !important
}
.mq-page .mq-content-block__heading h3 {
color: #fff
}
.mq-page .logo-grid {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 45px
}
.mq-page .logo-grid__center {
position: relative;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 60px
}
.mq-page .logo-grid__center-text {
position: absolute;
color: #fff;
top: 25%;
font-size: 30px;
font-weight: 500 !important;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
.mq-page .logo-grid__center img {
filter: brightness(0) invert(1)
}
.mq-page .logo-grid__flex {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
flex-wrap: wrap
}
.mq-page .logo-grid__flex-item img {
max-width: 135px;
max-height: 135px
}
.mq-page .mq-video-overlay {
position: relative
}
.mq-page .mq-video-overlay__video {
margin-bottom: -10px;
width: 100vw
}
@media(min-width: 1200px) {
.mq-page .mq-video-overlay__video {
max-height:101vh;
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover
}
}
.mq-page .mq-video-overlay__text {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 40px;
font-style: normal;
font-weight: 400;
transform: translate(-50%,-50%);
text-align: center;
font-family: "Canela Regular","Open Sans",Helvetica,Arial,sans-serif
}
@media(max-width: 772px) {
.mq-page .mq-video-overlay__text {
font-size:16px
}
}
@media(min-width: 773px) and (max-width:1100px) {
.mq-page .mq-video-overlay__text {
font-size:30px
}
}
@media(min-width: 1300px) {
.mq-page .mq-video-overlay__text {
width:80vw;
margin: auto
}
}
@media(max-width: 1299px) {
.mq-page .mq-video-overlay__text {
width:100vw
}
}
.mq-page .mq-main-heading {
padding-top: 80px
}
.mq-page .mq-main-heading h3 {
color: #fff;
text-align: center;
font-size: 24px;
font-style: italic;
font-weight: 400 !important;
line-height: normal;
margin-bottom: 30px;
font-family: "Canela Regular","Open Sans",Helvetica,Arial,sans-serif !important;
text-transform: unset
}
@media(min-width: 768px) {
.mq-page .mq-main-heading h3 {
font-size:32px
}
}
.mq-page .mq-main-heading h1 {
margin-bottom: 60px;
color: #fff;
text-align: center;
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif !important;
font-size: 42px;
font-weight: 500;
text-transform: uppercase
}
@media(min-width: 768px) {
.mq-page .mq-main-heading h1 {
font-size:60px
}
}
.mq-page .mq-main-heading__logo-container img {
filter: brightness(0) invert(1);
max-width: 70px
}
@media(min-width: 768px) {
.mq-page .mq-main-heading__logo-container img {
max-width:100%
}
}
.mirvac-quality-page #content>.component+.component:not(.hero-banner-one) {
padding-bottom: unset
}
.hf-contact .hf-content-block--text-center a {
text-decoration: underline
}
.hf-contact .hf-content-block--text-center a[target=_blank] {
margin-block:20px;color: #c2bcaf;
text-align: center;
font-family: "Canela Regular","Open Sans",Helvetica,Arial,sans-serif !important;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px
}
.hf-contact .hf-content-block__img::after {
display: none
}
@media(min-width: 992px) {
.hf-register .form:not(.form--custom) form {
padding-top:200px
}
}
.homepage .hero-banner-one .container h1 {
font-size: 70px
}
@media(max-width: 992px) {
.homepage .hero-banner-one .container h1 {
font-size:50px
}
}
.homepage .hero-banner-one__image img {
opacity: unset
}
.homepage .mk-carousel__slide.Image3 img {
-o-object-position: bottom;
object-position: bottom
}
.homepage .container.full-width:has(.hf-content-block__img),.hf-location .container.full-width:has(.hf-content-block__img) {
max-width: -moz-fit-content;
max-width: fit-content
}
@media(max-width: 992px) {
.homepage .container.full-width:has(.hf-content-block__img),.hf-location .container.full-width:has(.hf-content-block__img) {
padding-inline:0
}
}
@media(min-width: 1100px) {
.homepage .container.full-width:has(.hf-content-block__img),.hf-location .container.full-width:has(.hf-content-block__img) {
max-width:1000px
}
}
@media(min-width: 1500px) {
.homepage .container.full-width:has(.hf-content-block__img),.hf-location .container.full-width:has(.hf-content-block__img) {
max-width:1200px
}
}
@media(max-width: 992px) {
.homepage .container.full-width:has(.hf-content-block__img).image--clipped::before,.hf-location .container.full-width:has(.hf-content-block__img).image--clipped::before {
width:97%
}
}
#aerial::before {
content: "^^Artist's Impression"
}
#aerial .hf-content-block__img::after {
content: "";
border: 6px double #fff;
position: absolute;
width: 98%;
height: 98%;
top: 1%;
left: 1%
}
@media(max-width: 1365px) {
.hf-register .form.contact-form {
padding-top:100px !important
}
}
.column-splitter,.hf-housing .column-splitter {
align-items: flex-start
}
@media(max-width: 991px) {
.column-splitter:has(.col-xs-12.col-lg-8),.hf-housing .column-splitter:has(.col-xs-12.col-lg-8) {
flex-direction:column-reverse;
gap: 40px
}
}
.column-splitter .col-xs-12.col-lg-8 img,.hf-housing .column-splitter .col-xs-12.col-lg-8 img {
aspect-ratio: 16/9
}
@media(max-width: 1500px) {
.column-splitter .col-xs-12.col-lg-8 img,.hf-housing .column-splitter .col-xs-12.col-lg-8 img {
aspect-ratio:16/12
}
}
.column-splitter .col-xs-12.col-lg-4 img,.hf-housing .column-splitter .col-xs-12.col-lg-4 img {
aspect-ratio: 16/9
}
.form,.hf-housing .form {
margin-top: 16px
}
.column-splitter .col-xs-12.col-lg-8 img {
aspect-ratio: 16/9
}
@media(max-width: 1500px) {
.column-splitter .col-xs-12.col-lg-8 img {
aspect-ratio:16/10
}
}
@media (min-width: 992px) {
.column-splitter .col-xs-12.col-lg-8 img {
min-width: 800px !important;
}
}
.column-splitter [class*="col-"] > .row.h-full {
margin: 0 !important;
}
.column-splitter .col-xs-12.col-sm-6.col-md-6.col-lg-6 .component.image img {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
}
.column-splitter .col-xs-12.col-lg-4 .image--clipped {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
@media (min-width: 992px) {
.column-splitter .col-xs-12.col-sm-6.col-md-6.col-lg-6 .component.image img {
min-width: 595px !important;
}
.column-splitter .col-xs-12.col-lg-4 .component.image img {
min-width: 400px !important;
}
}
.column-splitter .col-md-6 img {
-o-object-position: bottom;
object-position: bottom;
aspect-ratio: 16/10
}
.mk-carousel__slide.Image3 img {
-o-object-position: bottom;
object-position: bottom
}
.hf-housing .col-lg-4 .rich-text sup {
top: 0
}
@media(min-width: 1500px) {
.hf-housing .hf-content-block--text-center p,.hf-housing .hf-content-block--text-center h1 {
width:40%;
margin-inline:auto}
}
.hf-location .logo-grid {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 45px;
margin: 0 auto;
padding-top: 40px;
align-items: flex-start
}
@media(min-width: 576px) {
.hf-location .logo-grid {
max-width:60%
}
}
@media(max-width: 1200px) {
.hf-location .logo-grid {
flex-wrap:wrap
}
}
.hf-location .logo-grid p {
width: unset;
position: relative
}
.hf-location .logo-grid p::after {
content: "#";
position: absolute;
font-size: 10px;
bottom: .5em
}
.hf-location .logo-grid__flex-item {
flex: 25%;
max-width: 180px
}
@media(min-width: 576px) {
.hf-location .logo-grid__flex-item {
max-width:100%
}
}
.hf-location .logo-grid__flex-item:nth-of-type(3) p::after {
display: none
}
.resi-property-page {
--primaryColor: #102F2D
}
.resi-property-page .resi-property-detail {
margin-top: 0;
padding-top: 135px
}
@media(min-width: 1200px) {
.resi-property-page .resi-property-detail {
padding-left:0
}
}
.resi-property-page .resi-property-detail .property-details__item--bed:before,.resi-property-page .resi-property-detail .property-details__item--bath:before,.resi-property-page .resi-property-detail .property-details__item--car:before,.resi-property-page .resi-property-detail .property-details__item--size:before {
filter: brightness(0) invert(1)
}
@media(min-width: 992px) {
.resi-property-page .property-carousel {
max-width:992px;
margin-inline:auto}
}
@media(min-width: 1200px) {
.resi-property-page .property-carousel {
width:100%;
max-width: 1200px
}
}
@media(min-width: 1550px) {
.resi-property-page .property-carousel {
max-width:1550px
}
}
@media(min-width: 769px) {
.resi-property-page .property-carousel .property-carousel__slider--1 {
width:calc(65% - 10px)
}
}
@media(min-width: 769px) {
.resi-property-page .property-carousel .property-carousel__slider--2 {
width:35%
}
}
.resi-property-page .resi-property-features {
display: none
}
@media(min-width: 1199px) {
.resi-property-page .resi-property-features {
margin-top:150px
}
}
.resi-property-page .resi-property-features .property-features__media {
background-color: #ab9d8d
}
.resi-property-page #content>.component+.component:not(.hero-banner-one) {
padding-bottom: unset
}
.resi-property-page #content h1,.resi-property-page #content h2,.resi-property-page #content h3,.resi-property-page #content h4,.resi-property-page #content h5,.resi-property-page #content a,.resi-property-page #content .property-details__item {
color: #fff
}
.resi-property-page #content p {
color: #c2bcaf
}
.resi-property-page #content .property-details__item,.resi-property-page #content h4,.resi-property-page #content .property-carousel__caption {
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
@media(min-width: 1199px) {
.resi-property-page .property-carousel__container {
padding-top:0
}
}
.resi-property-page .property-details__cta.btn {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out;
background: rgba(0,0,0,0)
}
.resi-property-page .property-details__cta.btn:hover,.resi-property-page .property-details__cta.btn:focus {
color: #8d9b8e !important;
border: 6px double #8d9b8e !important;
transition: all .3s ease-in-out
}
.resi-property-page>#wrapper>main>#content>.container>.component-content>.rich-text>.component-content>p {
color: #c2bcaf !important
}
.resi-property-page .form textarea {
background-color: rgba(0,0,0,0);
color: #fff
}
.resi-property-page .contact-form .custom-accordion {
padding-bottom: 20px
}
@media(max-width: 576px) {
.resi-property-page .component.container:has(.rich-text) {
margin-top:-100px
}
}
.resi-property-page .component.container:has(.rich-text)h3 {
text-transform: unset
}
.resi-property-page .component.container:has(.rich-text).rich-text {
padding-left: 0
}
.resi-property-page .contact-form form div.input-wrapper {
border-bottom-color: #eee !important
}
.resi-property-page #content .resi-property-agent .agent-container .agent-details p {
color: #102F2D
}
.resi-property-page #content .heading h3,.resi-property-page #content .resi-property-booking__button {
color: #fff !important
}
.resi-property-page #content p {
color: unset
}
.now-selling-page a {
color: #fff;
text-transform: none
}
.now-selling-page h4,.now-selling-page .card__sub-title,.now-selling-page .card__property-price,.now-selling-page .card__property-details,.now-selling-page .card__tag {
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important;
color: #c2bcaf
}
.now-selling-page .resi-property-search-filter .react-tabs__tab-panel {
margin-top: 100px
}
.now-selling-page .resi-property-search-filter .form-group.has-feedback {
display: flex
}
.now-selling-page .resi-property-search-filter .input-wrapper.input-wrapper--select label,.now-selling-page .resi-property-search-filter .input-wrapper.input-wrapper--select--focus label,.now-selling-page .resi-property-search-filter .input-wrapper.input-wrapper--select--changed label,.now-selling-page .resi-property-search-filter .input-wrapper--text.input-wrapper--focused label,.now-selling-page .resi-property-search-filter .input-wrapper--text.input-wrapper--filled label,.now-selling-page .resi-property-search-filter .input-wrapper--text.input-wrapper--show-placeholder label,.now-selling-page .resi-property-search-filter .input-wrapper.input-wrapper--select.input-wrapper--select--sort,.now-selling-page .resi-property-search-filter .input-wrapper.input-wrapper--select.input-wrapper--select--sort .ss-single-selected,.now-selling-page .resi-property-search-filter .input-wrapper.input-wrapper--select--sort .placeholder,.now-selling-page .resi-property-search-filter .input-wrapper--search,.now-selling-page .resi-property-search-filter .filters .advanced-filters {
color: #fff;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: initial
}
.now-selling-page .resi-property-search-filter .listing .filters .wrapper h2 {
display: none
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container {
display: flex;
position: relative
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container__row.form-container__row--btns {
border-top: 1px solid #fff;
flex: 0 0 100%;
justify-content: flex-end;
margin: 0
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper {
border: 0;
height: 40px;
min-height: 40px
}
@media(max-width: 992px) {
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper {
width:100%
}
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper label {
left: 10px
}
@media(min-width: 992px) {
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper label {
left:0
}
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper label,.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper .placeholder {
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important;
color: #fff
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper .ss-arrow {
top: 40%
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper .ss-arrow>span {
border-left: solid #fff !important;
border-bottom: solid #fff !important
}
@media(max-width: 1365px) {
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper .ss-main {
margin-left:10px
}
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper .ss-single-selected {
padding: 25px 0 15px 0;
background: rgba(0,0,0,0)
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper--select--changed label,.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper--select--focus label {
top: 0
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search {
background-color: rgba(0,0,0,0);
padding-left: 10px;
display: block !important
}
@media(max-width: 991px) {
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search {
padding-left:30px
}
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search label {
display: none
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search input {
background: rgba(0,0,0,0);
padding: 0;
display: block
}
@media(max-width: 991px) {
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search input {
margin-left:21px
}
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search::after {
background-image: url('data:image/svg+xml,');
top: 50%;
left: -11%
}
@media(max-width: 991px) {
.now-selling-page .resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search::after {
left:0
}
}
.now-selling-page .resi-property-search-filter .listing .filters .form-container .advanced-filters {
background: none;
background-color: rgba(0,0,0,0);
min-height: 0
}
.now-selling-page .filters {
background-color: #102f2d;
padding-block:0}
.now-selling-page .filters .form-container__row--btns .btn {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out;
background-color: rgba(0,0,0,0);
min-height: unset
}
.now-selling-page .filters .form-container__row--btns .btn:hover,.now-selling-page .filters .form-container__row--btns .btn:focus {
color: #8d9b8e !important;
border: 6px double #8d9b8e !important;
transition: all .3s ease-in-out
}
@media(min-width: 577px) {
.now-selling-page .filters .form-container__row--btns .btn {
width:160px
}
}
.now-selling-page .filters .form-group label,.now-selling-page .filters .form-group .placeholder,.now-selling-page .filters .form-group .ss-single-selected {
color: #fff !important;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
.now-selling-page .filters .form-group .placeholder {
font-size: 13px
}
.now-selling-page .filters .form-group .arrow-down,.now-selling-page .filters .form-group .arrow-up {
border-color: #fff !important
}
.now-selling-page .filters .resi-property-search-filter .input-wrapper label,.now-selling-page .filters .resi-property-search-filter .input-wrapper .placeholder {
color: #fff !important;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
.now-selling-page .advanced-filters {
color: #fff;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important;
text-transform: uppercase
}
.now-selling-page .card__sub-title {
margin-top: 10px
}
.now-selling-page .ss-main .ss-single-selected .ss-arrow .arrow-down,.now-selling-page .ss-main .ss-single-selected .ss-arrow .arrow-up {
border-color: #fff !important
}
.now-selling-page main .input-wrapper.input-wrapper--select--sort .placeholder,.now-selling-page .input-wrapper.input-wrapper--select.input-wrapper--select--sort>label,.now-selling-page .listing__sort-inner .placeholder {
color: #fff;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
.now-selling-page .pagination__item.active,.now-selling-page .pagination li.active {
border-color: #fff
}
.now-selling-page .card__property-bed,.now-selling-page .card__property-bath,.now-selling-page .card__property-car,.now-selling-page .card__property-price,.now-selling-page .card__property-size {
color: #c2bcaf
}
.now-selling-page .card__property-bed::before,.now-selling-page .card__property-bath::before,.now-selling-page .card__property-car::before,.now-selling-page .card__property-price::before,.now-selling-page .card__property-size::before {
filter: invert(88%) sepia(10%) saturate(295%) hue-rotate(3deg) brightness(88%) contrast(80%)
}
.now-selling-page #content .rich-text:has(#why-mirvac) {
padding-bottom: 0
}
.hf-container-maxwidth {
margin: 0 auto;
max-width: 1220px
}
@media(min-width: 1550px) {
.hf-container-maxwidth {
max-width:1550px
}
}
@media(min-width: 1200px) and (max-width:1549px) {
.hf-container-maxwidth {
max-width:1200px
}
}
.friend-text {
padding-block:200px}
.hf-bg-fgreen {
background: #102f2d
}
.hf-bg-brown {
background: #ab9d8d
}
body h1,body h2,body h3 {
color: #fff;
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif !important;
margin: 0
}
body h1 {
line-height: normal;
font-size: 45px;
font-style: normal;
font-weight: 500;
text-transform: none
}
@media(max-width: 992px) {
body h1 {
font-size:40px
}
}
body p {
color: #c2bcaf;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: normal;
margin: 0
}
body h5 {
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
body sup {
font-size: 10px
}
@media(max-width: 992px) {
#content>.component+.component:not(.hero-banner-one) {
padding-bottom:50px
}
}
.hero-banner-one {
margin-block:100px}
@media(max-width: 992px) {
.hero-banner-one {
margin-block:50px
}
}
.image--clipped {
position: relative
}
.image--clipped::before {
content: "^Artist's Impression";
position: absolute;
color: #fff;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important;
font-size: 14px;
font-weight: 400;
bottom: -16px;
left: 0;
text-align: right;
width: 100%
}
.img-border {
position: relative
}
.img-border::after {
content: "";
border: 6px double #fff;
width: 96%;
height: 96%;
position: absolute;
top: 2%;
left: 2%
}
@media(max-width: 992px) {
.mb-only__flex-column-reverse .row {
flex-direction:column-reverse
}
}
.hf-animate-in.activate.fade-in {
animation: fadeIn 3s
}
.hf-animate-in.activate.slide-left {
animation: slide-left 2s
}
.hf-animate-in.activate.slide-right {
animation: slide-right 2s
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes slide-left {
0% {
position: relative;
left: -100vw
}
100% {
position: relative;
left: 0
}
}
@keyframes slide-right {
0% {
position: relative;
right: -100vw
}
100% {
position: relative;
right: 0
}
}
main.has-cookiebar {
padding-top: 110px
}
@media(max-width: 1200px) {
main.has-cookiebar {
padding-top:100px
}
}
main:not(.has-cookiebar) {
padding-top: 70px
}
@media(max-width: 1200px) {
main:not(.has-cookiebar) {
padding-top:60px
}
}
.hf-page .form.contact-form,.resi-property-page .form.contact-form {
background: #12473f !important;
background-image: unset !important;
color: #fff
}
.hf-page .form.contact-form .privacy-statement,.resi-property-page .form.contact-form .privacy-statement {
color: #fff
}
.hf-page .form.contact-form .privacy-statement-link,.resi-property-page .form.contact-form .privacy-statement-link {
color: #fff;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
.hf-page .form.contact-form .privacy-statement p,.resi-property-page .form.contact-form .privacy-statement p {
color: #fff !important
}
.hf-page .contact-form,.resi-property-page .contact-form {
padding: 0 !important
}
.hf-page .contact-form form,.resi-property-page .contact-form form {
background-color: rgba(0,0,0,0) !important;
max-width: 1075px !important;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important;
margin-top: 0
}
@media(max-width: 992px) {
.hf-page .contact-form form,.resi-property-page .contact-form form {
padding-block:60px
}
}
.hf-page .contact-form form .page-header h1,.resi-property-page .contact-form form .page-header h1 {
font-weight: 300 !important;
font-size: 45px;
color: #f2f2f2 !important;
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif !important
}
@media(max-width: 600px) {
.hf-page .contact-form form .page-header h1,.resi-property-page .contact-form form .page-header h1 {
font-size:40px !important
}
}
.hf-page .contact-form form p,.resi-property-page .contact-form form p {
color: #fff !important
}
.hf-page .contact-form form label,.hf-page .contact-form form input.form-control.text-box,.resi-property-page .contact-form form label,.resi-property-page .contact-form form input.form-control.text-box {
color: #f2f2f2;
text-transform: capitalize;
font-size: 14px;
font-family: "SweetSansProRegular"
}
.hf-page .contact-form form textarea.form-control,.resi-property-page .contact-form form textarea.form-control {
background-color: rgba(0,0,0,0);
color: #fff
}
.hf-page .contact-form form .input-wrapper.input-wrapper--select,.resi-property-page .contact-form form .input-wrapper.input-wrapper--select {
margin-bottom: 30px
}
.hf-page .contact-form form .ss-single-selected,.resi-property-page .contact-form form .ss-single-selected {
background-color: rgba(0,0,0,0) !important;
border-bottom: 1px solid #fff !important
}
.hf-page .contact-form form .ss-single-selected span.arrow-down,.hf-page .contact-form form .ss-single-selected span.arrow-up,.resi-property-page .contact-form form .ss-single-selected span.arrow-down,.resi-property-page .contact-form form .ss-single-selected span.arrow-up {
border-left: solid #fff !important;
border-bottom: solid #fff !important
}
.hf-page .contact-form form .ss-single-selected span.placeholder,.resi-property-page .contact-form form .ss-single-selected span.placeholder {
color: #f2f2f2;
text-transform: capitalize;
font-size: 14px
}
.hf-page .contact-form form .ss-content .ss-list .ss-option.ss-disabled,.resi-property-page .contact-form form .ss-content .ss-list .ss-option.ss-disabled {
color: #102f2d
}
.hf-page .contact-form form span.field-validation-error span,.resi-property-page .contact-form form span.field-validation-error span {
color: #fff
}
.hf-page .contact-form form .input-wrapper--focused,.hf-page .contact-form form .input-wrapper--filled,.resi-property-page .contact-form form .input-wrapper--focused,.resi-property-page .contact-form form .input-wrapper--filled {
background-color: rgba(0,0,0,0) !important
}
.hf-page .contact-form form .input-wrapper--focused input,.hf-page .contact-form form .input-wrapper--filled input,.resi-property-page .contact-form form .input-wrapper--focused input,.resi-property-page .contact-form form .input-wrapper--filled input {
background-color: rgba(0,0,0,0) !important;
color: #fff;
font-size: 14px
}
.hf-page .contact-form form::before,.resi-property-page .contact-form form::before {
height: 0 !important
}
.hf-page .contact-form form .input-wrapper--text,.resi-property-page .contact-form form .input-wrapper--text {
background-color: rgba(0,0,0,0);
border-bottom: 1px solid #fff !important
}
.hf-page .contact-form form .input-wrapper,.resi-property-page .contact-form form .input-wrapper {
border: none;
background-color: rgba(0,0,0,0) !important
}
.hf-page .contact-form form .form-submit-border,.resi-property-page .contact-form form .form-submit-border {
margin: 0 auto
}
.hf-page .contact-form form .scfRadioButtonListBorder.form-group,.resi-property-page .contact-form form .scfRadioButtonListBorder.form-group {
display: flex;
width: 100% !important;
gap: 20px
}
.hf-page .contact-form form .scfRadioButtonListBorder.form-group .scfRadioButtonListBorder.radio label,.resi-property-page .contact-form form .scfRadioButtonListBorder.form-group .scfRadioButtonListBorder.radio label {
padding-left: 20px
}
.hf-page .contact-form form .form-submit-border,.resi-property-page .contact-form form .form-submit-border {
text-align: center
}
.hf-page .contact-form form .btn-default,.resi-property-page .contact-form form .btn-default {
background: none;
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out;
width: 200px
}
.hf-page .contact-form form .btn-default:hover,.hf-page .contact-form form .btn-default:focus,.resi-property-page .contact-form form .btn-default:hover,.resi-property-page .contact-form form .btn-default:focus {
color: #8d9b8e;
border-color: #8d9b8e;
transition: all .3s ease-in-out
}
.hf-page .boutique-nav--1 #nav-footer .nav-footer-text,.resi-property-page .boutique-nav--1 #nav-footer .nav-footer-text {
width: 100vw;
margin: 0
}
footer {
height: 100% !important
}
footer #nav-footer {
display: block !important;
padding: 0 !important;
max-width: unset !important
}
footer #nav-footer>.row {
display: block;
padding-top: 0;
padding: 0 !important
}
footer #nav-footer>.row>.component.rich-text {
background-color: #102f2d !important
}
footer #nav-footer>.row>* {
padding: 0 15px
}
.tr-footer {
display: block;
padding: 81px 0;
max-width: 1200px;
margin: 0 auto;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
.tr-footer .tr-container {
display: flex;
flex-direction: column
}
@media(min-width: 992px) {
.tr-footer .tr-container {
flex-direction:row
}
}
.tr-footer__logo-section,.tr-footer__secondary-logo-section {
flex: 0 0 15%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 70px
}
@media(min-width: 1200px) {
.tr-footer__logo-section,.tr-footer__secondary-logo-section {
justify-content:flex-end
}
}
.tr-footer__logo-section img,.tr-footer__logo-section a {
width: 100%
}
@media(max-width: 992px) {
.tr-footer__logo-section img,.tr-footer__logo-section a {
max-width:150px
}
}
@media(max-width: 992px) {
.tr-footer .tr-footer__secondary-logo-section {
margin-bottom:150px
}
}
.tr-footer_logo-white {
display: block
}
.tr-footer_logo-black {
display: none
}
.tr-footer__text-section {
flex: 0 0 70%;
text-align: center
}
@media(min-width: 768px) {
.tr-footer__text-section {
padding:0 70px
}
}
.tr-footer__text-section-logo-section {
padding-bottom: 40px
}
.tr-footer__top-text {
margin-bottom: 78px
}
@media(min-width: 992px) {
.tr-footer__top-text {
margin-left:-90px;
margin-right: -90px
}
}
.tr-footer__top-text p {
color: #fff;
font-size: 12px
}
.tr-footer__text-section-logo {
width: 100%;
max-width: 200px
}
@media(max-width: 992px) {
.tr-footer__text-section-logo {
max-width:110px
}
}
.tr-footer .tr-footer__description p {
padding-inline:1rem;color: #fff !important;
font-size: 12px !important
}
.tr-footer .tr-footer__description a {
color: #fff !important
}
.tr-footer__footnote p {
color: #fff !important;
font-size: 8px !important
}
.tr-footer__links {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 20px
}
@media(min-width: 992px) {
.tr-footer__links {
flex-direction:row
}
}
.tr-footer__link-item::after {
display: none;
content: "|";
margin: 0 2px 0 0;
position: relative;
top: 2px;
color: #fff
}
@media(min-width: 992px) {
.tr-footer__link-item::after {
display:inline-block
}
}
.tr-footer__link-item:last-child::after {
display: none
}
.tr-footer__link-item a {
color: #fff !important
}
.tr-footer__link {
font-size: 10px
}
.tr-footer__social-links {
display: flex;
justify-content: center
}
.tr-footer__social-link-item {
margin-right: 15px
}
.tr-footer__social-link-item:last-child {
margin-right: 0
}
@media(max-width: 992px) {
.tr-footer__links,.tr-footer__social-links {
position:absolute;
bottom: 40px;
left: 50%;
transform: translate(-50%,-50%)
}
}
@media(min-width: 769px) and (max-width:992px) {
.tr-footer .tr-footer__links {
bottom:10px
}
}
.hf-page header.nav-phase-3.boutique-nav--1,.resi-property-page header.nav-phase-3.boutique-nav--1 {
background-color: #102f2d !important;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
box-shadow: none
}
@media(max-width: 1199px) {
.hf-page header.nav-phase-3.boutique-nav--1,.resi-property-page header.nav-phase-3.boutique-nav--1 {
background-color:#102f2d
}
}
@media(min-width: 1200px) and (max-width:1250px) {
.hf-page header.nav-phase-3.boutique-nav--1,.resi-property-page header.nav-phase-3.boutique-nav--1 {
padding-inline:10px
}
}
@media(min-width: 1500px) {
.hf-page header.nav-phase-3.boutique-nav--1,.resi-property-page header.nav-phase-3.boutique-nav--1 {
padding-inline:40px
}
}
.hf-page header.nav-phase-3.boutique-nav--1 nav:has(.megamenu__toggle[aria-expanded=true]),.resi-property-page header.nav-phase-3.boutique-nav--1 nav:has(.megamenu__toggle[aria-expanded=true]) {
background-color: #102f2d
}
@media(max-width: 1199px) {
.hf-page header.nav-phase-3.boutique-nav--1 nav:has(.megamenu__toggle[aria-expanded=true]),.resi-property-page header.nav-phase-3.boutique-nav--1 nav:has(.megamenu__toggle[aria-expanded=true]) {
background-color:#102f2d !important
}
}
.hf-page header.nav-phase-3.boutique-nav--1.is-fixed,.resi-property-page header.nav-phase-3.boutique-nav--1.is-fixed {
opacity: 1;
transform: unset;
transition: unset;
animation: unset
}
@media(min-width: 1200px) {
.hf-page header.nav-phase-3.boutique-nav--1.is-fixed.has-cookiebar,.resi-property-page header.nav-phase-3.boutique-nav--1.is-fixed.has-cookiebar {
height:115px
}
}
@media(max-width: 1199px) {
.hf-page header.nav-phase-3.boutique-nav--1.is-fixed.has-cookiebar:not(.is-opened),.resi-property-page header.nav-phase-3.boutique-nav--1.is-fixed.has-cookiebar:not(.is-opened) {
height:100px
}
}
.hf-page header.nav-phase-3.boutique-nav--1.is-scrolled,.resi-property-page header.nav-phase-3.boutique-nav--1.is-scrolled {
transition: unset;
animation: unset
}
@media(min-width: 1200px) {
.hf-page header.boutique-nav--1,.resi-property-page header.boutique-nav--1 {
height:75px
}
}
.hf-page .boutique-nav--1 #nav-header .nav-row .image--logo,.resi-property-page .boutique-nav--1 #nav-header .nav-row .image--logo {
padding-left: unset
}
@media(min-width: 1200px) and (max-width:1300px) {
.hf-page .boutique-nav--1 #nav-header .nav-row .image--logo,.resi-property-page .boutique-nav--1 #nav-header .nav-row .image--logo {
padding-inline:unset
}
}
@media(max-width: 1199px) {
.hf-page .boutique-nav--1 #nav-header .nav-row .image--logo,.resi-property-page .boutique-nav--1 #nav-header .nav-row .image--logo {
top:0;
transform: unset;
left: 10px
}
}
@media(min-width: 1200px) and (max-width:1300px) {
.hf-page .boutique-nav--1 #nav-header .nav-row .image--logo img,.resi-property-page .boutique-nav--1 #nav-header .nav-row .image--logo img {
width:100%
}
}
@media(max-width: 1200px) {
.hf-page .boutique-nav--1 #nav-header .nav-row .image--mirvac:not(.image--logo),.resi-property-page .boutique-nav--1 #nav-header .nav-row .image--mirvac:not(.image--logo) {
display:flex;
bottom: unset !important;
position: absolute;
right: 65px;
transform: unset;
left: unset
}
}
.hf-page .megamenu__toggle[aria-expanded=true]>div:last-child,.resi-property-page .megamenu__toggle[aria-expanded=true]>div:last-child {
transform: translateY(-5px) rotate(-45deg);
top: unset
}
.hf-page .megamenu__toggle[aria-expanded=true]>div:first-child,.resi-property-page .megamenu__toggle[aria-expanded=true]>div:first-child {
transform: translateY(-5px) rotate(45deg);
top: unset
}
.hf-page .megamenu__toggle[aria-expanded=true]>div:nth-of-type(2),.resi-property-page .megamenu__toggle[aria-expanded=true]>div:nth-of-type(2) {
display: none
}
.hf-page.register-page header.nav-phase-3.boutique-nav--1,.resi-property-page.register-page header.nav-phase-3.boutique-nav--1 {
background: #102f2d
}
@media(max-width: 1199px) {
.hf-page.register-page header.nav-phase-3.boutique-nav--1,.resi-property-page.register-page header.nav-phase-3.boutique-nav--1 {
background:#102f2d !important
}
}
.hf-page header.boutique-nav--1.is-hovered .megamenu__panel,.hf-page header.boutique-nav--1.is-normal .megamenu__panel,.resi-property-page header.boutique-nav--1.is-hovered .megamenu__panel,.resi-property-page header.boutique-nav--1.is-normal .megamenu__panel {
margin-left: unset;
background: rgba(255,255,255,.9);
padding: 16px 32px 32px 32px
}
.hf-page header.boutique-nav--1 #nav-header,.resi-property-page header.boutique-nav--1 #nav-header {
max-width: unset
}
@media(min-width: 1200px) {
.hf-page .megamenu--three,.resi-property-page .megamenu--three {
padding-top:0
}
}
@media(min-width: 1200px) {
.hf-page .megamenu--three .component-content,.resi-property-page .megamenu--three .component-content {
width:100%;
margin-left: unset
}
}
@media(min-width: 1200px) {
.hf-page .megamenu--three .megamenu__list,.resi-property-page .megamenu--three .megamenu__list {
margin-left:30px;
align-items: center;
margin-right: 130px
}
}
@media(min-width: 1200px) and (max-width:1300px) {
.hf-page .megamenu--three .megamenu__list,.resi-property-page .megamenu--three .megamenu__list {
margin-left:20px;
margin-right: 115px
}
}
@media(min-width: 1300px) {
.hf-page .megamenu--three .megamenu__list,.resi-property-page .megamenu--three .megamenu__list {
margin-left:30px
}
}
@media(max-width: 992px) {
.hf-page .megamenu--three .megamenu__item,.resi-property-page .megamenu--three .megamenu__item {
text-align:center
}
}
@media(min-width: 1200px) and (max-width:1300px) {
.hf-page .megamenu--three .megamenu__item,.resi-property-page .megamenu--three .megamenu__item {
padding-inline:6px
}
}
.hf-page .megamenu--three .megamenu__item>a,.resi-property-page .megamenu--three .megamenu__item>a {
color: #fff;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important;
font-size: 18px;
font-weight: 500;
line-height: normal;
text-transform: unset;
transition: .3s color ease-in-out
}
.hf-page .megamenu--three .megamenu__item:hover>a,.hf-page .megamenu--three .megamenu__item:focus>a,.resi-property-page .megamenu--three .megamenu__item:hover>a,.resi-property-page .megamenu--three .megamenu__item:focus>a {
color: #ab9d8d;
transition: .3s color ease-in-out
}
.hf-page .megamenu--three .megamenu__item:hover.has-children>a::after,.hf-page .megamenu--three .megamenu__item:focus.has-children>a::after,.resi-property-page .megamenu--three .megamenu__item:hover.has-children>a::after,.resi-property-page .megamenu--three .megamenu__item:focus.has-children>a::after {
border-color: #ab9d8d;
transform: rotate(135deg);
margin-top: 5px
}
.hf-page .megamenu--three .megamenu__item.has-children>a,.resi-property-page .megamenu--three .megamenu__item.has-children>a {
display: flex;
align-items: center
}
@media(max-width: 992px) {
.hf-page .megamenu--three .megamenu__item.has-children>a,.resi-property-page .megamenu--three .megamenu__item.has-children>a {
text-align:center;
justify-content: center
}
}
.hf-page .megamenu--three .megamenu__item.has-children>a:after,.resi-property-page .megamenu--three .megamenu__item.has-children>a:after {
border-color: #fff;
margin-left: 10px
}
@media(min-width: 1200px) {
.hf-page .megamenu--three .link-button:not(.last),.resi-property-page .megamenu--three .link-button:not(.last) {
margin-left:auto
}
}
@media(max-width: 1200px) {
.hf-page .megamenu--three .link-button:not(.last),.resi-property-page .megamenu--three .link-button:not(.last) {
margin-block:40px 20px
}
}
.hf-page .megamenu--three .link-button:not(.last) a,.resi-property-page .megamenu--three .link-button:not(.last) a {
background-color: #fff;
color: #121212;
border-color: #121212
}
@media(min-width: 1200px) and (max-width:1300px) {
.hf-page .megamenu--three .link-button,.resi-property-page .megamenu--three .link-button {
padding-inline:5px
}
}
.hf-page .megamenu--three .link-button a,.resi-property-page .megamenu--three .link-button a {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out
}
.hf-page .megamenu--three .link-button a:hover,.hf-page .megamenu--three .link-button a:focus,.resi-property-page .megamenu--three .link-button a:hover,.resi-property-page .megamenu--three .link-button a:focus {
color: #8d9b8e !important;
border: 6px double #8d9b8e !important;
transition: all .3s ease-in-out
}
@media(max-width: 1200px) {
.hf-page .megamenu--three .link-button a,.resi-property-page .megamenu--three .link-button a {
width:100%;
max-width: 100%
}
}
@media(min-width: 1500px) {
.hf-page .megamenu--three .link-button a,.resi-property-page .megamenu--three .link-button a {
padding:12px 50px
}
}
.hf-page .megamenu--three .megamenu__item.active-nav,.hf-page .megamenu--three .megamenu--three .megamenu__item:focus,.hf-page .megamenu--three .megamenu__item,.hf-page .megamenu--three .megamenu__item:hover,.hf-page .megamenu--three .megamenu__item[aria-expanded=true],.resi-property-page .megamenu--three .megamenu__item.active-nav,.resi-property-page .megamenu--three .megamenu--three .megamenu__item:focus,.resi-property-page .megamenu--three .megamenu__item,.resi-property-page .megamenu--three .megamenu__item:hover,.resi-property-page .megamenu--three .megamenu__item[aria-expanded=true] {
border-bottom: none
}
.hf-page .megamenu--three .megamenu__panel-list a,.resi-property-page .megamenu--three .megamenu__panel-list a {
color: #121212;
font-size: 16px;
font-weight: 400;
line-height: normal;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important
}
@media(max-width: 1200px) {
.hf-page .megamenu--three .megamenu__panel-list a,.resi-property-page .megamenu--three .megamenu__panel-list a {
color:#fff
}
}
.hf-page header.boutique-nav--1 .image:not(.image--logo),.resi-property-page header.boutique-nav--1 .image:not(.image--logo) {
display: none
}
@media(min-width: 1200px) {
.hf-page header.boutique-nav--1 .image:not(.image--logo),.resi-property-page header.boutique-nav--1 .image:not(.image--logo) {
display:block;
position: absolute;
right: 0
}
}
@media(min-width: 1300px) and (max-width:1500px) {
.hf-page header.boutique-nav--1 .image:not(.image--logo),.resi-property-page header.boutique-nav--1 .image:not(.image--logo) {
padding-right:25px
}
}
@media(min-width: 1501px) {
.hf-page header.boutique-nav--1 .image:not(.image--logo),.resi-property-page header.boutique-nav--1 .image:not(.image--logo) {
padding-right:40px
}
}
.hf-page header.is-opened .megamenu--three,.resi-property-page header.is-opened .megamenu--three {
background: #102f2d
}
.hf-page header.is-opened .megamenu__list .megamenu__item:nth-child(1),.resi-property-page header.is-opened .megamenu__list .megamenu__item:nth-child(1) {
padding-top: 88px;
border: none
}
.hf-page header.is-opened .header-mobile-linklist,.resi-property-page header.is-opened .header-mobile-linklist {
display: none !important
}
.hf-page header.is-opened #nav-header .nav-row .image--logo,.resi-property-page header.is-opened #nav-header .nav-row .image--logo {
position: absolute;
top: 10px
}
.hf-page header.is-opened.boutique-nav--1 div.megamenu__panel,.resi-property-page header.is-opened.boutique-nav--1 div.megamenu__panel {
padding: 0 20px;
background: #102f2d;
color: #fff
}
@media(max-width: 992px) {
.hf-page header.is-opened.boutique-nav--1 div.megamenu__panel,.resi-property-page header.is-opened.boutique-nav--1 div.megamenu__panel {
text-align:center;
justify-content: center
}
}
.hf-header {
display: flex;
justify-content: space-between;
width: 100vw;
align-items: center;
height: 70px
}
@media(min-width: 1550px) {
.hf-header {
max-width:1550px
}
}
@media(max-width: 1550px) {
.hf-header {
max-width:unset
}
}
.hf-header .hf-header__logo--secondary {
padding-right: 10px
}
@media(min-width: 992px) {
.hf-header .hf-header__logo--secondary {
padding-right:3rem
}
}
.hf-header .hf-header__logo--secondary img {
width: 80px
}
.hf-header__btn {
padding-right: 10px
}
@media(min-width: 992px) {
.hf-header__btn {
padding-right:3rem
}
}
@media(max-width: 800px) {
.hf-header__logo {
width:200px;
padding-left: 10px
}
}
@media(min-width: 1200px) {
body header.nav-phase-3 #nav-header {
position:unset
}
}
@media(min-width: 1200px) {
body header.nav-phase-3 #nav-header .cookiebar {
left:0
}
}
@media(min-width: 1200px) {
body header.nav-phase-3.is-fixed.has-cookiebar #nav-header .cookiebar {
transform:unset
}
}
.sticky-header {
display: none
}
@media(max-width: 992px) {
.sticky-header {
display:flex
}
}
@media(max-width: 992px) {
.sticky-header__button {
text-transform:uppercase;
color: #fff !important;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out;
position: fixed;
bottom: 20px;
z-index: 50;
width: calc(100vw - 130px);
left: 50%;
right: 50%;
transform: translateX(-50%);
background-color: #12473f;
filter: drop-shadow(0 0 20px rgba(0,0,0,.15))
}
.sticky-header__button:hover,.sticky-header__button:focus {
color: #8d9b8e !important;
border: 6px double #8d9b8e !important;
transition: all .3s ease-in-out
}
}
.sticky-header--2 {
display: none
}
@media(max-width: 992px) {
.sticky-header--2 {
display:flex;
position: fixed;
z-index: 50;
left: 50%;
right: 50%;
transform: translateX(-50%);
flex-direction: column;
width: 100%;
background: var(--nav-sticky-container-color,#fff);
bottom: 0;
padding: 10px 10px 20px;
filter: drop-shadow(0 0 20px rgba(0,0,0,.15))
}
}
@media(max-width: 468px) {
.sticky-header--2 {
align-items:center
}
}
@media(max-width: 992px) {
.sticky-header--2 .sticky-header__button {
position:static;
width: 100%;
transform: unset;
filter: unset;
box-shadow: unset
}
}
.sticky-header--2 ul {
display: flex;
gap: 10px;
justify-content: center;
align-items: center
}
@media(max-width: 468px) {
.sticky-header--2 ul {
width:calc(100vw - 130px)
}
}
#content .sticky-header--2 ul {
padding-left: 0
}
.sticky-header--2 li {
width: 100%
}
.resi-property-page #content .sticky-header__button {
color: #fff !important
}
#register,footer {
position: relative;
z-index: 55
}
.hf-content-block__button a {
margin-top: 25px;
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out
}
.hf-content-block__button a:hover,.hf-content-block__button a:focus {
color: #8d9b8e !important;
border: 6px double #8d9b8e !important;
transition: all .3s ease-in-out
}
.hf-content-block__heading-text {
text-align: center
}
.hf-content-block__title {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center
}
.hf-content-block__img {
position: relative
}
.hf-content-block__img::after {
content: "";
border: 6px double #fff;
width: 96%;
height: 96%;
position: absolute;
top: 2%;
left: 2%
}
.hf-content-block__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.hf-content-block--text-center {
text-align: center;
margin: auto
}
.hf-content-block--text-center h1 {
margin-bottom: 24px
}
@media(max-width: 991px) {
.hf-content-block--text-center h1 {
font-size:32px
}
}
@media(min-width: 992px) {
.hf-content-block--text-center p,.hf-content-block--text-center h1 {
width:50%;
margin-inline:auto}
}
.hf-content-block--text-center .link {
margin-top: 40px
}
.hf-content-block--two-column {
display: flex;
justify-content: space-between;
gap: 35px;
align-items: center;
justify-content: center
}
@media(max-width: 992px) {
.hf-content-block--two-column {
flex-direction:column
}
}
@media(min-width: 992px) {
.hf-content-block--two-column__small-container {
flex:35%
}
}
@media(min-width: 992px) {
.hf-content-block--two-column__big-container {
flex:65%
}
}
.hf-content-block--two-column__big-container .hf-content-block__button a {
margin-top: 25px
}
@media(max-width: 992px) {
.hf-content-block--two-column__big-container p,.hf-content-block--two-column__big-container .hf-content-block__button {
text-align:center
}
}
@media(min-width: 992px) {
.hf-content-block--two-column__container {
flex:50%
}
}
.hf-content-block--two-column__container p {
padding-top: 2rem
}
.hf-content-block--two-column img {
height: 70vh;
width: 100%
}
#content .component.container.hf-image-stacked {
padding-bottom: 40px
}
@media(min-width: 992px) {
.column-splitter {
align-items:flex-end
}
}
.column-splitter img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative
}
.column-splitter img::after {
content: "";
border: 6px double #fff;
width: 96%;
height: 96%;
position: absolute;
top: 2%;
left: 2%
}
.column-splitter .component.image .component-content:has(>img) {
position: relative;
padding-bottom: 0;
height: 100%;
width: 100%;
pointer-events: none
}
.column-splitter .component.image .component-content:has(>img)::after {
content: "";
border: 6px double #fff;
width: 96%;
height: 96%;
position: absolute;
top: 2%;
left: 2%
}
.column-splitter .component.image .component-content:has(>img):after {
background: rgba(0,0,0,0)
}
.column-splitter .component.image .component-content:has(>img):hover:after {
transform-origin: unset;
transform: unset
}
@media(max-width: 992px) {
.column-splitter .rich-text {
text-align:center
}
}
.column-splitter p {
margin-block:24px}
.column-splitter .link a {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out
}
.column-splitter .link a:hover,.column-splitter .link a:focus {
color: #8d9b8e !important;
border: 6px double #8d9b8e !important;
transition: all .3s ease-in-out
}
@media(min-width: 992px) {
.column-splitter .col,.column-splitter .col-1,.column-splitter .col-2,.column-splitter .col-3,.column-splitter .col-4,.column-splitter .col-5,.column-splitter .col-6,.column-splitter .col-7,.column-splitter .col-8,.column-splitter .col-9,.column-splitter .col-10,.column-splitter .col-11,.column-splitter .col-12,.column-splitter .col-auto,.column-splitter .col-lg,.column-splitter .col-lg-1,.column-splitter .col-lg-2,.column-splitter .col-lg-3,.column-splitter .col-lg-4,.column-splitter .col-lg-5,.column-splitter .col-lg-6,.column-splitter .col-lg-7,.column-splitter .col-lg-8,.column-splitter .col-lg-9,.column-splitter .col-lg-10,.column-splitter .col-lg-11,.column-splitter .col-lg-12,.column-splitter .col-lg-auto,.column-splitter .col-md,.column-splitter .col-md-1,.column-splitter .col-md-2,.column-splitter .col-md-3,.column-splitter .col-md-4,.column-splitter .col-md-5,.column-splitter .col-md-6,.column-splitter .col-md-7,.column-splitter .col-md-8,.column-splitter .col-md-9,.column-splitter .col-md-10,.column-splitter .col-md-11,.column-splitter .col-md-12,.column-splitter .col-md-auto,.column-splitter .col-sm,.column-splitter .col-sm-1,.column-splitter .col-sm-2,.column-splitter .col-sm-3,.column-splitter .col-sm-4,.column-splitter .col-sm-5,.column-splitter .col-sm-6,.column-splitter .col-sm-7,.column-splitter .col-sm-8,.column-splitter .col-sm-9,.column-splitter .col-sm-10,.column-splitter .col-sm-11,.column-splitter .col-sm-12,.column-splitter .col-sm-auto,.column-splitter .col-xl,.column-splitter .col-xl-1,.column-splitter .col-xl-2,.column-splitter .col-xl-3,.column-splitter .col-xl-4,.column-splitter .col-xl-5,.column-splitter .col-xl-6,.column-splitter .col-xl-7,.column-splitter .col-xl-8,.column-splitter .col-xl-9,.column-splitter .col-xl-10,.column-splitter .col-xl-11,.column-splitter .col-xl-12,.column-splitter .col-xl-auto {
padding-inline:0
}
}
.column-splitter>.col-xs-12:nth-child(1) {
padding-bottom: 40px
}
@media(min-width: 576px) {
.column-splitter>.col-xs-12:nth-child(1) {
padding-bottom:0
}
}
@media(min-width: 992px) {
.column-splitter>.col-xs-12:nth-child(1) {
padding-right:20px;
}
}
@media(min-width: 992px) {
.column-splitter>.col-xs-12:nth-child(2) {
padding-left:20px
}
}
@media(max-width: 991px) {
.column-splitter>.col-xs-12 {
padding-inline:0
}
}
@media(min-width: 576px) and (max-width:991px) {
.column-splitter>.col-xs-12.col-sm-6 {
padding-inline:unset
}
}
@media(max-width: 575px) {
.column-splitter>.col-xs-12.col-sm-6 {
padding-inline:0
}
}
.column-splitter .col-md-4 img {
aspect-ratio: 7/8;
-o-object-fit: cover;
object-fit: cover
}
.column-splitter .col-md-8 img {
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover
}
.column-splitter .col-md-6 img {
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover
}
body .g-services-columns-container.ab-services-columns-container .g-services-columns-background-animate:hover {
transform: scaleY(1.4)
}
@media(max-width: 991px) {
body .g-services-columns-container.ab-services-columns-container .g-services-columns-background-animate:hover {
transform:scaleY(1.25)
}
}
#why-mirvac {
padding-top: 5rem;
background: #ab9d8d
}
body .g-services-columns-container.ab-services-columns-container:hover .g-services-columns-background-animate {
transform: scaleY(1.4)
}
@media(max-width: 991px) {
body .g-services-columns-container.ab-services-columns-container:hover .g-services-columns-background-animate {
transform:scaleY(1.25)
}
}
body.hf-page .g-services-columns-container {
padding-top: 45px
}
body .g-services-columns-container .g-services-columns ul li .item .icon img,body .g-services-columns-container .g-services-columns ul li .item .icon svg {
max-width: 95px
}
.mirvac-line {
position: absolute;
right: 0;
top: 0;
opacity: 50%;
border-right: 1px solid #e6e5e1;
height: 160px
}
.section-why-mirvac__featured-text {
text-align: center;
padding-inline:1rem;text-align: center;
margin: auto
}
@media(min-width: 992px) {
.section-why-mirvac__featured-text {
width:50%
}
}
.section-why-mirvac__featured-text p,.section-why-mirvac__featured-text h1 {
padding-block:2rem;color: #fff !important
}
.section-why-mirvac__featured-text h3 {
text-transform: none;
color: #fff
}
.ab-services-columns-container {
border-bottom: none
}
.ab-services-columns-container.hf-bg-brown {
background: #ab9d8d
}
body .g-services-columns-container .g-services-columns ul li {
padding-block:2rem}
body .g-services-columns-container.ab-services-columns-container .g-services-columns-background-animate {
border-bottom: none
}
body .g-services-columns-container .g-services-columns ul li:not(:last-child)::after {
display: none
}
@media(min-width: 992px) {
body .g-services-columns-container .g-services-columns ul {
display:flex;
align-items: flex-start
}
}
@media(max-width: 767px) {
body.hf-page .g-services-columns-container .g-services-columns ul li:nth-child(even) div.mirvac-line {
display:none;
height: 120px
}
}
body.hf-page .g-services-columns-container .g-services-columns ul li .item.hover-view .item-desc span {
text-transform: none;
overflow: unset;
text-overflow: unset;
-webkit-line-clamp: unset
}
.why-mirvac-logos {
display: flex;
justify-content: center;
align-items: center
}
@media(min-width: 992px) {
.why-mirvac-logos {
-moz-column-gap:80px;
column-gap: 80px;
margin-top: -2px;
padding-top: 52px;
padding-bottom: 100px
}
}
@media(max-width: 1365px) {
.why-mirvac-logos {
flex-direction:column;
row-gap: 80px;
padding-bottom: 70px;
position: relative;
z-index: 2
}
}
.why-mirvac-logos img:first-child {
max-width: 280px
}
.why-mirvac-logos img:last-child {
max-width: 350px
}
.ab-services-columns {
text-align: center
}
.ab-services-columns div .primary-view {
text-transform: uppercase
}
.ab-services-columns .hover-view.item {
opacity: 1;
font-family: "SweetSansProRegular","Open Sans",Helvetica,Arial,sans-serif !important;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background-color: #ab9d8d
}
@media(max-width: 1024px) {
.ab-services-columns .hover-view.item {
background-color:#ab9d8d !important
}
}
.ab-services-columns .hover-view.item span {
text-transform: none;
overflow: unset;
text-overflow: unset;
-webkit-line-clamp: unset
}
.ab-services-columns .s-title {
text-align: center;
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase
}
.hf-page #content .hero-banner-one:first-child iframe {
margin-top: 0
}
.hero-banner-one {
margin-top: 0;
padding-top: 0;
max-height: 800px
}
.hero-banner-one .hero-banner-one__image img {
opacity: .5
}
.hero-banner-one__overlay {
background: linear-gradient(180deg,rgba(16,47,45,0) 50%,#102f2d 100%) !important;
padding-bottom: unset
}
.hero-banner-one__overlay h1 {
font-size: 80px;
font-weight: 500;
text-transform: uppercase
}
@media(max-width: 992px) {
.hero-banner-one__overlay h1 {
font-size:42px
}
}
@media(min-width: 769px) {
.hero-banner-one__overlay .hero-banner-one__overlay-wrapper img {
margin-right:0
}
}
.hero-banner-one__overlay .top-key {
margin-bottom: -70px
}
.hero-banner-one__overlay .hero-banner-one__overlay-wrapper .hf-btn {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out;
margin-top: 40px;
border-color: #fff !important
}
.hero-banner-one__overlay .hero-banner-one__overlay-wrapper .hf-btn:hover,.hero-banner-one__overlay .hero-banner-one__overlay-wrapper .hf-btn:focus {
color: #8d9b8e !important;
border: 6px double #8d9b8e !important;
transition: all .3s ease-in-out
}
.mk-carousel .mk-carousel__slide {
position: relative
}
.mk-carousel .mk-carousel__slide::after {
content: "";
border: 6px double #fff;
width: 96%;
height: 96%;
position: absolute;
top: 2%;
left: 2%
}
.mk-carousel .mk-carousel__slide.image--clipped {
margin-bottom: 20px
}
.mk-carousel .mk-carousel__slide.image--clipped::before {
bottom: -20px
}
@media(max-width: 768px) {
.mk-carousel .mk-carousel__slide.image--clipped::before {
width:97%
}
}
.mk-carousel__slides {
position: relative;
padding: 0 !important
}
@media(min-width: 992px) {
.mk-carousel__slides {
padding:0 !important
}
}
@media(min-width: 992px) {
.mk-carousel__slides .owl-stage-outer {
left:10%
}
}
@media(min-width: 1500px) {
.mk-carousel__slides .owl-stage-outer {
left:15%
}
}
.mk-carousel__slide-image {
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%
}
.mk-carousel .owl-nav {
display: block !important
}
@media(max-width: 768px) {
.mk-carousel .owl-nav {
display:flex !important;
justify-content: space-between
}
}
.mk-carousel .owl-nav .owl-next {
background-image: url('data:image/svg+xml,') !important;
width: 61px;
height: 61px
}
.mk-carousel .owl-nav .owl-next span {
display: none
}
@media(min-width: 768px) {
.mk-carousel .owl-nav .owl-next {
position:absolute;
right: 4%;
top: 50%
}
}
/* .mk-carousel .owl-nav .owl-next:hover {
background: rgba(0,0,0,0)
} */
.mk-carousel .owl-nav .owl-prev {
background-image: url('data:image/svg+xml,') !important;
width: 61px;
height: 61px;
transform: rotate(180deg)
}
@media(min-width: 768px) {
.mk-carousel .owl-nav .owl-prev {
position:absolute;
left: 4%;
top: 50%
}
}
@media(min-width: 1500px) {
.mk-carousel .owl-nav .owl-prev {
left:9%
}
}
.mk-carousel .owl-nav .owl-prev span {
display: none
}
/* .mk-carousel .owl-nav .owl-prev:hover {
background: rgba(0,0,0,0)
} */
.carousel--two-col .carousel__inner--first,.carousel--two-col .flickity-page-dots {
display: none
}
.carousel--two-col .carousel__inner {
width: 100%
}
.resi-property-search-filter {
--secondaryColor: #fff;
--filter-secondary-color: var(--filter-primary-color)
}
.resi-property-search-filter .filter-header .filter-label {
color: var(--filter-primary-color)
}
.resi-property-search-filter .filter-label {
color: var(--secondaryColor)
}
.resi-property-search-filter .button:hover {
background-color: rgba(0,0,0,0);
color:#fff;
}
.resi-property-search-filter .button--advanced-filters {
border: 1px solid var(--secondaryColor);
color: var(--secondaryColor);
--filter-primary-color: var(--secondaryColor)
}
.resi-property-search-filter .button--advanced-filters:hover {
background-color: rgba(0,0,0,0)
}
:root {
--gsq-color-primary: #252849;
--gsq-color-secondary: #4F516C;
--mqTabsBackgroundColor: transparent;
--mqTabsContentBackgroundColor: transparent;
--navigationMobileColor: transparent
}
.hf-page .logo-1 img {
width: 30px;
height: 88.944px
}
.hf-page .logo-2 img {
width: 20px;
height: 94.944px
}
@media(min-width: 992px) {
#house-img-1 img {
height:100vh;
-o-object-fit: cover;
object-fit: cover
}
}
.component.gmap {
position: relative;
z-index: 1
}
@media(max-width: 992px) {
.component.gmap {
padding-bottom:2rem
}
}
.component.gmap::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70%;
background-color: #ab9d8d;
z-index: -1
}
.listing__sort-container .sort-by-selected svg path {
stroke: #ffffff !important;
}
.component.gmap .map__accordion ul,.component.gmap .map__accordion li {
font-family: "SweetSansProRegular";
font-size: 14px
}
.react-tabs__tab-panel + .pagination { display: none !important; }
.component.gmap .map__accordion .map__accordion-heading {
font-family: "Canela Medium";
font-size: 16px;
text-transform: none
}
.react-tabs__tab-panel + .pagination {
display: none !important;
}
@media(max-width: 991px) {
.component.gmap .map__accordion-content li {
margin-block:16px
}
}
.resi-property-page main.has-cookiebar>#content {
margin-top: -100px !important
}
.resi-property-page .form.contact-form {
background: none !important
}
.property-detail-left-column .resi-property-now-selling-link a {
font-family: "Canela Medium","Open Sans",Helvetica,Arial,sans-serif !important
}
@media(min-width: 1200px) {
.resi-property-detail {
margin-top:0 !important
}
}
@media(min-width: 767px) {
.resi-property-page .contact-form form>div:nth-of-type(3),.resi-property-page .contact-form form>div:nth-of-type(4) {
width:100%
}
}
/* Mobile: up to 768px */
@media (max-width: 768px) {
.image.image--logo.image--mirvac img {
min-height: 25px;
}
}
/* Tablet/medium: between 768px and 1200px */
@media (min-width: 769px) and (max-width: 1199px) {
.image.image--logo.image--mirvac img {
min-height: 30px;
}
}
/* Desktop: 1200px and up */
@media (min-width: 1200px) {
.image.image--logo.image--mirvac img {
min-height: 35px;
}
}
footer.boutique-nav--1,
footer.boutique-nav--1 #nav-footer,
.boutique-nav--1 > #nav-footer > .row {
background-color: #102f2d !important;
}
.boutique-nav--1 #nav-footer > .row {
flex-direction: column !important;
}
.boutique-nav--1 #nav-footer > .row > .form-assembly-wrapper,
.boutique-nav--1 #nav-footer > .row > .nav-footer-text {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
}
.hf-contact {
top: -20px;
position: relative;
}
h2.resi-property-address__address,
.resi-property-detail .property-details__title--ribbontext, .property-features__sub-title{
color: #000 !important;
}
.resi-property-detail .property-details__cta{
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out;
background: rgba(0, 0, 0, 0);
border: 6px double #000 !important;
color: #000 !important;
}
.resi-property-now-selling-link a {
color: #000;
font-family: "silka-regular-webfont",serif !important;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
text-transform: none;
padding-left: 12px;
letter-spacing: 1px;
}
/* ============================================
ENQUIRE FORM - COMPLETE STYLES
============================================ */
@media (min-width: 1024px) {
.enquire-form {
margin-top: 50px !important;
}
}
.enquire-form {
background-color: #ffffff !important;
padding: 40px !important;
font-size: 14px !important;
overflow: visible !important;
width: 100% !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 1 !important;
}
.enquire-form,
.property-detail-left-column .form.enquire-form:not(.form--custom),
.resi-property-page .form.enquire-form:not(.form--custom) {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
-webkit-transform: none !important;
transform: none !important;
left: auto !important;
right: auto !important;
}
.form-assembly-wrapper,
.property-detail-left-column,
.property-detail__content {
overflow: visible !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.enquire-form .component-content {
max-width: 900px !important;
margin: 0 auto !important;
background: transparent !important;
overflow: visible !important;
width: 100% !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 1 !important;
}
/* Remove black line on heading */
.enquire-form .page-header,
.enquire-form .page-header::before,
.enquire-form .page-header::after,
.enquire-form h1::before,
.enquire-form h1::after {
border: none !important;
background: none !important;
}
/* Heading */
.enquire-form .page-header h1 {
color: #333333 !important;
text-align: left !important;
font-size: 22px !important;
font-weight: 500 !important;
margin-bottom: 24px !important;
border: none !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
}
/* Hide empty divs and extra br tags */
.enquire-form form div:empty,
.enquire-form > br,
.enquire-form form > br {
display: none !important;
}
/* Form grid layout */
.enquire-form form {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 20px 24px !important;
align-items: start !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
overflow: visible !important;
width: 100% !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 1 !important;
}
/* Full width elements */
.enquire-form .page-header,
.enquire-form .privacy-statement-wrapper,
.enquire-form [name="g-recaptcha-response"],
.enquire-form .form-submit-border,
.enquire-form span.text-xs,
.enquire-form br {
grid-column: 1 / -1 !important;
}
/* Comments textarea and Product Interest select full width */
.enquire-form .form-group:has([name="comments"]),
.enquire-form .form-group:has(textarea),
.enquire-form .input-wrapper--select,
.enquire-form .form-group:has(.form-control-select) {
grid-column: 1 / -1 !important;
}
.input-wrapper.input-wrapper--select.form-group.has-feedback{
margin-top: 50px !important;
position: relative !important;
}
/* Reset react-select's internal input — stable selectors */
.enquire-form .form-control-select input,
.enquire-form input[role="combobox"] {
height: auto !important;
min-width: 2px !important;
border: none !important;
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
}
.enquire-form .form-control-select input[role="combobox"] {
display: none !important;
}
/* Form group */
.enquire-form .form-group {
width: 100% !important;
display: block !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 2 !important;
}
/* Input wrapper */
.enquire-form .input-wrapper,
.enquire-form .input-wrapper--text,
.enquire-form .input-wrapper--text-area {
width: 100% !important;
display: block !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 2 !important;
padding: 20px 0 0 0 !important;
}
/* Labels */
.enquire-form label {
position: absolute !important;
top: 0 !important;
left: 0 !important;
color: #333333 !important;
font-size: 14px !important;
margin-bottom: 6px !important;
background: transparent !important;
z-index: 3 !important;
}
.enquire-form .required-star {
color: #333333 !important;
font-size: 14px !important;
}
/* Inputs */
.enquire-form .form-control,
.enquire-form input.form-control,
.enquire-form input[type="text"],
.enquire-form input {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
display: block !important;
box-sizing: border-box !important;
background-color: #ffffff !important;
border: 1px solid #999999 !important;
border-radius: 2px !important;
color: #333333 !important;
-webkit-text-fill-color: #333333 !important;
font-size: 14px !important;
padding: 10px 12px !important;
box-shadow: none !important;
outline: none !important;
-webkit-appearance: none !important;
height: 42px !important;
position: relative !important;
z-index: 2 !important;
pointer-events: auto !important;
cursor: text !important;
opacity: 1 !important;
user-select: text !important;
-webkit-user-select: text !important;
}
.enquire-form .form-control:focus,
.enquire-form input.form-control:focus,
.enquire-form input[type="text"]:focus {
border-color: #333333 !important;
box-shadow: none !important;
outline: none !important;
background-color: #ffffff !important;
}
/* Textarea */
.enquire-form textarea.form-control,
.enquire-form textarea {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
background-color: #ffffff !important;
border: 1px solid #999999 !important;
border-radius: 2px !important;
color: #333333 !important;
-webkit-text-fill-color: #333333 !important;
font-size: 14px !important;
padding: 10px 12px !important;
height: 150px !important;
resize: vertical !important;
position: relative !important;
z-index: 2 !important;
pointer-events: auto !important;
cursor: text !important;
opacity: 1 !important;
user-select: text !important;
-webkit-user-select: text !important;
}
.enquire-form textarea.form-control:focus,
.enquire-form textarea:focus {
border-color: #333333 !important;
box-shadow: none !important;
outline: none !important;
}
/* Force all elements clickable */
.enquire-form * {
pointer-events: auto !important;
}
/* Privacy link */
.enquire-form .arrow-link,
.enquire-form .privacy-statement-link {
background-image: linear-gradient(90deg, #907e68, #d6cab8, #8a7a68, #c9baae, #8a7b6c) !important;
-webkit-background-clip: text;
/* background-clip: text; */
color: #977b59 !important;
text-transform: none;
}
.enquire-form .privacy-statement p {
text-align: left !important;
font-size: 14px !important;
color: #666666 !important;
}
/* Submit button wrapper */
.enquire-form .form-submit-border {
display: flex !important;
justify-content: flex-start !important;
max-width: 150px !important;
position: relative !important;
z-index: 2 !important;
}
/* Submit button */
.enquire-form .btn-default,
.enquire-form input[type="submit"] {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: "SweetSansProRegular";
font-size: 16px;
font-style: normal;
font-weight: 500;
border: 6px double #fff;
padding: 10px 20px;
transition: all .3s ease-in-out;
background: rgba(0, 0, 0, 0);
border: 6px double #000 !important;
color: #000 !important;
}
@media (min-width: 1025px) {
.enquire-form .btn-default,
.enquire-form input[type="submit"] {
min-height: 60px !important;
}
}
@media (max-width: 1024px) {
.form-assembly-wrapper,
.property-detail-left-column,
.property-detail__content {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
float: none !important;
}
}
/* Validation errors */
.enquire-form .field-validation-error,
.enquire-form span[data-valmsg-for],
.enquire-form .text-danger {
color: #cc0000 !important;
font-size: 14px !important;
display: block !important;
}
.enquire-form input.input-validation-error {
border-color: #cc0000 !important;
}
.enquire-form.enquire-form .input-wrapper.input-wrapper--text-area label {
top: 0 !important;
}
.property-detail-left-column .form:not(.form--custom).animate-in form:before{
display: none !important;
}
.enquire-form .form-group:has(input[name="email"]) {
grid-column: 1 / -1 !important;
}
.enquire-form input[type="submit"],
.enquire-form .btn-default {
cursor: pointer !important;
}
.enquire-form .form-control-select input[role="combobox"] {
display: inline-block !important;
opacity: 0 !important;
height: auto !important;
min-width: 2px !important;
border: none !important;
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
caret-color: transparent !important;
cursor: pointer !important;
}
.enquire-form .form-control-select,
.enquire-form .form-control-select * {
cursor: pointer !important;
}
/* ============================================
MOBILE
============================================ */
@media (max-width: 1024px) {
.enquire-form {
padding: 24px 20px !important;
}
.enquire-form form {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.enquire-form .form-group {
grid-column: 1 !important;
width: 100% !important;
}
.enquire-form .form-submit-border {
justify-content: flex-start !important;
}
.enquire-form input[type="submit"],
.enquire-form .btn-default {
width: 100% !important;
height: auto !important;
}
.enquire-form .form-submit-border {
max-width: 100% !important;
}
}
/*Profiling form*/
.progressive-profiling.form .form-submit-border input.btn.btn-default {
padding: 12px 40px !important;
line-height: 1.5 !important;
color: #ffffff !important;
background-color: #8b7355 !important;
}
.progressive-profiling table,
.progressive-profiling table tbody,
.progressive-profiling table tr {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
width: 100% !important;
gap: 12px !important;
}
.progressive-profiling.animate-in form {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.progressive-profiling.form:not(.form--custom) .page-header > * {
color: #000000 !important;
}
@media (min-width: 992px) {
.progressive-profiling.form:not(.form--custom) {
padding: 0 !important;
}
}
.progressive-profiling .input-wrapper--select {
width: 100% !important;
margin-top: 20px !important;
margin-bottom: 8px !important;
background: #ffffff !important;
border: none !important;
padding: 0 !important;
}
.progressive-profiling .input-wrapper--select label {
position: static !important;
display: block !important;
padding: 0 !important;
margin-bottom: 6px !important;
}
.progressive-profiling .form-control-select,
.progressive-profiling .css-13cymwt-control {
border: 1px solid #999999 !important;
box-shadow: none !important;
background: #ffffff !important;
font-size: 14px !important;
min-height: 42px !important;
border-radius: 2px !important;
}
.form-assembly-wrapper .progressive-profiling.form form > div:nth-of-type(3),
.form-assembly-wrapper .progressive-profiling.form form > div:nth-of-type(4),
.form-assembly-wrapper .progressive-profiling.form form > div:nth-of-type(6),
.form-assembly-wrapper .progressive-profiling.form form > div:nth-of-type(7) {
width: 100% !important;
}
.form-assembly-wrapper .progressive-profiling.form form > div {
border: none !important;
}
/* Hide duplicate label + kill the gap above Budget select */
.progressive-profiling .input-wrapper--select > label {
display: none !important;
}
.css-1jqq78o-placeholder {
grid-area: 1 / 1 / 2 / 3;
color: hsl(0, 0%, 50%);
margin-left: 2px;
margin-right: 2px;
box-sizing: border-box;
}
.progressive-profiling .form-control-select [class*="-placeholder"] {
color: #ffffff !important;
}
.progressive-profiling .form-control-select [class*="-control"] {
border: 1px solid #ffffff !important;
box-shadow: none !important;
}
.progressive-profiling .form-control-select [class*="-singleValue"] {
color: #ffffff !important;
}
.progressive-profiling .input-wrapper--select ,
.progressive-profiling .form-control-select, .progressive-profiling .css-13cymwt-control{
padding-top: 0 !important;
background: transparent !important;
}
.progressive-profiling a.arrow-link.privacy-statement-link {
color: #000 !important;
}
.progressive-profiling .form-control-select [class*="-control"] {
background: transparent !important;
border: 1px solid #ffffff !important;
box-shadow: none !important;
}
/*Profiling form*/
body .uwy.userway_p1,
body .uwy .userway_buttons_wrapper {
top: auto !important;
right: auto !important;
bottom: 20px !important;
left: 20px !important;
transform: none !important;
position: fixed !important;
}
.hf-news footer{
margin-top: -70px;
}
.hf-news .owl-carousel.mk-carousel-slides.owl-theme.owl-loaded.owl-drag {
padding-bottom: 70px;
}
.form:not(.form--custom):not(.contact-form) p {
margin-bottom: 0px !important;
}
/* Default = collapsed (no class needed, hydration can't wipe it) */
.property-detail__content .component.rich-text .component-content {
max-height: 260px !important;
overflow: hidden !important;
position: relative !important;
}
.property-detail__content .component.rich-text .component-content::after {
content: "" !important;
position: absolute !important;
left: 0; right: 0; bottom: 0;
height: 50% !important;
background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff) !important;
pointer-events: none !important;
}
/* Expanded */
.property-detail__content .component.rich-text.expanded .component-content {
max-height: none !important;
overflow: visible !important;
}
.property-detail__content .component.rich-text.expanded .component-content::after {
display: none !important;
}
.property-detail__content .component.rich-text.expanded .component-content,
.property-detail__content .component.rich-text.collapsed .component-content {
max-height: none !important;
overflow: visible !important;
}
.property-detail__content .component.rich-text.expanded .component-content::after,
.property-detail__content .component.rich-text.collapsed .component-content::after {
display: none !important;
}