@import url("https://use.typekit.net/jqc3uww.css"); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap&display=swap'); /* global - start */ :root { --mobile-scale: calc(min(100vh, 900px) / 85); --root-font-size: 16px; } /* Resets */ html { font-size: var(--root-font-size); } ul, ol { list-style: none; padding: 0; margin: 0; } body{ padding: 0; margin: 0; background: #ffffff; font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: 16px; line-height: 24px; font-weight: 400; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; } @font-face { font-family: 'social-icons'; src: url('https://assets.zenu.com.au/icons/social-icons/social-icons.ttf?t=e-075449') format('truetype'), url('https://assets.zenu.com.au/icons/social-icons/social-icons.woff?t=e-075449') format('woff'), url('https://assets.zenu.com.au/icons/social-icons/social-icons.svg?t=e-075449#social-icons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="social-icon-"], [class*=" social-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'social-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icon-facebook:before { content: "\e900"; } .social-icon-linkedin:before { content: "\e901"; } .social-icon-pinterest:before { content: "\e902"; } .social-icon-twitter:before { content: "\e903"; } .social-icon-instagram:before { content: "\e904"; } .social-icon-youtube:before { content: "\e905"; } .social-icon-rate-my-agent:before { content: "\e906"; } .social-icon-facebook_f:before { content: "\e907"; } .social-icon-twitter_x:before { content: "\e908"; } body .at4-visible { opacity: 1 !important; } @font-face { font-family: 'widgetIcons'; src: url('https://assets.zenu.com.au/icons/widget-icons/widgetIcons.eot?t=e-075449'); src: url('https://assets.zenu.com.au/icons/widget-icons/widgetIcons.eot?t=e-075449#iefix') format('embedded-opentype'), url('https://assets.zenu.com.au/icons/widget-icons/widgetIcons.ttf?t=e-075449') format('truetype'), url('https://assets.zenu.com.au/icons/widget-icons/widgetIcons.woff?t=e-075449') format('woff'), url('https://assets.zenu.com.au/icons/widget-icons/widgetIcons.svg?t=e-075449#widgetIcons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="widget-icon-"]:before, [class*=" widget-icon-"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'widgetIcons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-icon-users-group:before { content: "\e900"; } .widget-icon-time:before { content: "\e901"; } .widget-icon-search:before { content: "\e902"; } .widget-icon-phone:before { content: "\e903"; } .widget-icon-pets:before { content: "\e904"; } .widget-icon-person:before { content: "\e905"; } .widget-icon-office:before { content: "\e906"; } .widget-icon-map-pin:before { content: "\e907"; } .widget-icon-house:before { content: "\e908"; } .widget-icon-filter:before { content: "\e909"; } .widget-icon-files:before { content: "\e90a"; } .widget-icon-expand:before { content: "\e90b"; } .widget-icon-event-available:before { content: "\e90c"; } .widget-icon-directions:before { content: "\e90d"; } .widget-icon-chevron-right:before { content: "\e90e"; } .widget-icon-chevron_up:before { content: "\e921"; } .widget-icon-chevron-left:before { content: "\e90f"; } .widget-icon-chevron_down:before { content: "\e922"; } .widget-icon-calendar:before { content: "\e910"; } .widget-icon-blog:before { content: "\e911"; } .widget-icon-elipsis_horizontal:before { content: "\e912"; } .widget-icon-elipsis_vertical:before { content: "\e913"; } .widget-icon-elipsis_cross:before { content: "\e920"; } .widget-icon-hamburger_full:before { content: "\e914"; } .widget-icon-hamburger_short:before { content: "\e915"; } .widget-icon-house:before { content: "\e916"; } .widget-icon-arrow_n:before { content: "\e917"; } .widget-icon-arrow_ne:before { content: "\e918"; } .widget-icon-arrow_e:before { content: "\e919"; } .widget-icon-arrow_se:before { content: "\e91a"; } .widget-icon-arrow_s:before { content: "\e91b"; } .widget-icon-arrow_sw:before { content: "\e91c"; } .widget-icon-arrow_w:before { content: "\e91d"; } .widget-icon-arrow_nw:before { content: "\e91e"; } .widget-icon-plus:before { content: "\e91f"; } .widget-icon-plus_bold:before { content: "\e923"; } .widget-icon-minus_bold:before { content: "\e924"; } .widget-icon-close:before { content: "\e925"; } .widget-icon-quotes:before { content: "\e926"; } .widget-icon-dot:before { content: "\e927"; } .widget-icon-ebook:before { content: "\e929"; } .widget-icon-floorplan:before { content: "\e92d"; } .widget-icon-video:before { content: "\e92e"; } .widget-icon-virtual:before { content: "\e92f"; } .widget-icon-tick:before { content: "\2713"; } .widget-icon-expand_arrow:before { content: "\e92c"; } .widget-icon-share:before { content: "\e930"; } .widget-icon-clipboard_success:before { content: "\e931"; } .widget-icon-mail:before { content: "\e932"; } .widget-icon-link:before { content: "\e933"; } .widget-icon-chevron_left_200:before { content: "\e934"; } .widget-icon-chevron_right_200:before { content: "\e935"; } .widget-icon-close_200:before { content: "\e936"; } .widget-icon-page_info_300:before { content: "\2255"; } .container{ box-sizing: border-box; background: #ffffff; max-width: 1200px; margin: 0 auto; } .container.container-full{ max-width: 100%; } .form-text, input[type=text], input[type=password], input[type=number], input[type=mobile], input[type=tel], textarea, select { padding: 0 15.333333333333px; display: block; box-sizing: border-box; font-family: acumin-pro, sans-serif; font-size: 15px; font-weight: 400; color: #666666; border-style: solid; border-color: #666666; border-width: 0px; border-radius: 25px; background: #f6f9fb; } input[type=text], input[type=password], input[type=number], select { height: 46px; line-height: 46px; background: #f6f9fb } input[type=number] { padding-right: 0; } input[type=text]::placeholder, input[type=password]::placeholder, input[type=number]::placeholder, input[type=mobile]::placeholder, input[type=tel]::placeholder, textarea::placeholder { color: #4d4d4f; font-weight: 400; } textarea { padding: 15.333333333333px; line-height: 22.5px; } #address-select { display: block; box-sizing: border-box; font-family: acumin-pro, sans-serif; font-size: 15px; font-weight: 400; border-style: solid; border-color: #666666; border-width: 0px; border-radius: 25px; } #address-select li { padding: 0 15.333333333333px; min-height: 46px; line-height: 46px; color: #666666; background: #f6f9fb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #address-select li:hover { color: #f6f9fb; background: #666666; cursor: pointer; } .heading-1-12966-1452, .heading, .main-heading { font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: max(calc(1 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.6em * 0.96); font-weight: 600; } @media only screen and (min-width:1200px){ .heading-1-12966-1452, .heading, .main-heading { font-size: max(calc(1 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .heading-1-12966-1452, .heading, .main-heading { font-size: max(calc(1 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .heading-1-12966-1452, .heading, .main-heading { font-size: 2rem; } } .sub-heading-1-12967-1452, .sub-heading { font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: max(calc(0.75 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.97); font-weight: 600; } @media only screen and (min-width:1200px){ .sub-heading-1-12967-1452, .sub-heading { font-size: max(calc(0.75 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .sub-heading-1-12967-1452, .sub-heading { font-size: max(calc(0.75 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .sub-heading-1-12967-1452, .sub-heading { font-size: 1.75rem; } } .body-text-1-12968-1452, .body-text-1 { font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: max(calc(0 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 1); font-weight: 400; } @media only screen and (min-width:1200px){ .body-text-1-12968-1452, .body-text-1 { font-size: max(calc(0 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .body-text-1-12968-1452, .body-text-1 { font-size: max(calc(0 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .body-text-1-12968-1452, .body-text-1 { font-size: 1rem; } } .heading-2-12969-1452, .heading-2 { font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: max(calc(0.38 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.9848); font-weight: 600; } @media only screen and (min-width:1200px){ .heading-2-12969-1452, .heading-2 { font-size: max(calc(0.38 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .heading-2-12969-1452, .heading-2 { font-size: max(calc(0.38 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .heading-2-12969-1452, .heading-2 { font-size: 1.38rem; } } .sub-heading-2-12970-1452, .sub-heading-2 { font-family: acumin-pro, sans-serif; color: #666666; font-size: max(calc(0 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 1); font-weight: 400; } @media only screen and (min-width:1200px){ .sub-heading-2-12970-1452, .sub-heading-2 { font-size: max(calc(0 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .sub-heading-2-12970-1452, .sub-heading-2 { font-size: max(calc(0 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .sub-heading-2-12970-1452, .sub-heading-2 { font-size: 1rem; } } .body-text-2-12971-1452, .body-text-2 { font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: max(calc(-0.06 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 1.0024); font-weight: 400; } @media only screen and (min-width:1200px){ .body-text-2-12971-1452, .body-text-2 { font-size: max(calc(-0.06 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .body-text-2-12971-1452, .body-text-2 { font-size: max(calc(-0.06 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .body-text-2-12971-1452, .body-text-2 { font-size: 0.94rem; } } .heading-3-12972-1452, .heading-3 { font-family: acumin-pro, sans-serif; color: #666666; font-size: max(calc(0.25 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.99); font-weight: 400; } @media only screen and (min-width:1200px){ .heading-3-12972-1452, .heading-3 { font-size: max(calc(0.25 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .heading-3-12972-1452, .heading-3 { font-size: max(calc(0.25 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .heading-3-12972-1452, .heading-3 { font-size: 1.25rem; } } .sub-heading-3-12973-1452, .sub-heading-3 { font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: max(calc(-0.06 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 1.0024); font-weight: 300; } @media only screen and (min-width:1200px){ .sub-heading-3-12973-1452, .sub-heading-3 { font-size: max(calc(-0.06 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .sub-heading-3-12973-1452, .sub-heading-3 { font-size: max(calc(-0.06 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .sub-heading-3-12973-1452, .sub-heading-3 { font-size: 0.94rem; } } .body-text-3-12974-1452, .body-text-3 { font-family: acumin-pro, sans-serif; color: #666666; font-size: max(calc(-0.12 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 1.0048); font-weight: 400; } @media only screen and (min-width:1200px){ .body-text-3-12974-1452, .body-text-3 { font-size: max(calc(-0.12 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .body-text-3-12974-1452, .body-text-3 { font-size: max(calc(-0.12 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .body-text-3-12974-1452, .body-text-3 { font-size: 0.88rem; } } .heading-4-12975-1452, .heading-4 { font-family: acumin-pro, sans-serif; color: #666666; font-size: max(calc(0.25 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.99); font-weight: 400; } @media only screen and (min-width:1200px){ .heading-4-12975-1452, .heading-4 { font-size: max(calc(0.25 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .heading-4-12975-1452, .heading-4 { font-size: max(calc(0.25 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .heading-4-12975-1452, .heading-4 { font-size: 1.25rem; } } .sub-heading-4-12976-1452, .sub-heading-4 { font-family: acumin-pro, sans-serif; color: #666666; font-size: max(calc(0 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 1); font-weight: 400; } @media only screen and (min-width:1200px){ .sub-heading-4-12976-1452, .sub-heading-4 { font-size: max(calc(0 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .sub-heading-4-12976-1452, .sub-heading-4 { font-size: max(calc(0 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .sub-heading-4-12976-1452, .sub-heading-4 { font-size: 1rem; } } .body-text-4-12977-1452, .body-text-4 { font-family: acumin-pro, sans-serif; color: #666666; font-size: max(calc(-0.12 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 1.0048); font-weight: 400; } @media only screen and (min-width:1200px){ .body-text-4-12977-1452, .body-text-4 { font-size: max(calc(-0.12 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .body-text-4-12977-1452, .body-text-4 { font-size: max(calc(-0.12 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .body-text-4-12977-1452, .body-text-4 { font-size: 0.88rem; } } .main-button-12978-1452, .button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 23px; height: 46px; line-height: 46px; font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: 15px; font-weight: 400; border-style: solid; border-color: #afafaf; border-width: 1px; border-radius: 30px; background-color: rgba(255,255,255,0); } .main-button-12978-1452:hover, .button:hover { color: #ffffff; border-color: #00467f; background-color: #00467f; } @media only screen and (min-width:640px){ .main-button-12978-1452, .button { font-size: 15px; line-height: 46px; height: 46px; } } @media only screen and (min-width:980px){ .main-button-12978-1452, .button { font-size: 15px; line-height: 46px; height: 46px; } } .secondary-button-12979-1452, .button-2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 23px; height: 46px; line-height: 46px; font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: 15px; font-weight: 400; border-style: solid; border-color: #ffffff; border-width: 0px; border-radius: 0px; background-color: rgba(144,144,144,0); } .secondary-button-12979-1452:hover, .button-2:hover { color: #00467f; border-color: #ffffff; background-color: rgba(69,69,69,0); } @media only screen and (min-width:640px){ .secondary-button-12979-1452, .button-2 { font-size: 15px; line-height: 46px; height: 46px; } } @media only screen and (min-width:980px){ .secondary-button-12979-1452, .button-2 { font-size: 15px; line-height: 46px; height: 46px; } } .tertiary-button-12980-1452, .button-3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 22px; height: 40px; line-height: 40px; font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: 22px; font-weight: 600; border-style: solid; border-color: #909090; border-width: 0px; border-radius: 0px; background-color: rgba(144,144,144,0); } .tertiary-button-12980-1452:hover, .button-3:hover { color: #00467f; border-color: #454545; background-color: rgba(69,69,69,0); } @media only screen and (min-width:640px){ .tertiary-button-12980-1452, .button-3 { font-size: 22px; line-height: 40px; height: 40px; } } @media only screen and (min-width:980px){ .tertiary-button-12980-1452, .button-3 { font-size: 22px; line-height: 44px; height: 44px; } } .fourth-button-12981-1452, .button-4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 23px; height: 46px; line-height: 46px; font-family: acumin-pro, sans-serif; color: #ffffff; font-size: 15px; font-weight: 400; border-style: solid; border-color: #ffffff; border-width: 1px; border-radius: 25px; background-color: rgba(255,255,255,0); } .fourth-button-12981-1452:hover, .button-4:hover { color: #ffffff; border-color: #ffffff; background-color: rgba(255,255,255,0); } @media only screen and (min-width:640px){ .fourth-button-12981-1452, .button-4 { font-size: 15px; line-height: 46px; height: 46px; } } @media only screen and (min-width:980px){ .fourth-button-12981-1452, .button-4 { font-size: 15px; line-height: 46px; height: 46px; } } input[type=text].main-form-style-12982-1452, input[type=password].main-form-style-12982-1452, input[type=number].main-form-style-12982-1452, input[type=mobile].main-form-style-12982-1452, input[type=tel].main-form-style-12982-1452, textarea.main-form-style-12982-1452, select.main-form-style-12982-1452 { padding: 0 15.333333333333px; display: block; box-sizing: border-box; font-family: acumin-pro, sans-serif; font-size: 15px; font-weight: 400; color: #666666; border-style: solid; border-color: #666666; border-width: 0px; border-radius: 25px; background: #f6f9fb } input[type=text].main-form-style-12982-1452, input[type=password].main-form-style-12982-1452, input[type=number].main-form-style-12982-1452, select.main-form-style-12982-1452 { height: 46px; line-height: 46px; background: #f6f9fb; } input[type=number].main-form-style-12982-1452 { padding-right: 0; } textarea.main-form-style-12982-1452 { padding: 15.333333333333px; line-height: 22.5px; } input[type=text].main-form-style-12982-1452::placeholder, input[type=password].main-form-style-12982-1452::placeholder, input[type=number].main-form-style-12982-1452::placeholder, input[type=mobile].main-form-style-12982-1452::placeholder, input[type=tel].main-form-style-12982-1452::placeholder, textarea.main-form-style-12982-1452::placeholder { color: #4d4d4f; font-weight: 400; } label.main-form-style-12982-1452 { font-family: acumin-pro, sans-serif; font-size: 18px; line-height: 27px; font-weight: 600; color: #4d4d4f; } @media only screen and (min-width:640px){ label.main-form-style-12982-1452 { font-size: 18px; line-height: 27px; } } @media only screen and (min-width:980px){ label.main-form-style-12982-1452 { font-size: 18px; line-height: 27px; } } input[type=radio].main-form-style-12982-1452, input[type=checkbox].main-form-style-12982-1452 { accent-color: #00467f; height: 20px; width: 20px; } #address-select.main-form-style-12982-1452 { display: block; box-sizing: border-box; font-family: acumin-pro, sans-serif; font-size: 15px; font-weight: 400; border-style: solid; border-color: #666666; border-width: 0px; border-radius: 25px; } #address-select.main-form-style-12982-1452 li { padding: 0 15.333333333333px; min-height: 46px; line-height: 46px; color: #666666; background: #f6f9fb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #address-select.main-form-style-12982-1452 li:hover { color: #f6f9fb; background: #666666; cursor: pointer; } .main-badge { display: flex; box-sizing: border-box; align-items: center; justify-content: center; position: absolute; Top : 16px; Left : 16px; isolation: isolate; z-index: 4; } .main-badge .badge-wrapper { position: relative; display: flex; box-sizing: border-box; align-items: center; justify-content: center; text-align: center; text-decoration: none; font-size: 30px; font-family: acumin-pro, sans-serif; color: #ffffff; font-weight: 500; border-radius: 0px; background-color: #4d4d4f; padding: 0 8px;line-height: 67.5px;border-radius: 0px; z-index: 2; } .main-badge .badge-wrapper[data-listing-badge] { position: relative; } .main-badge .badge-wrapper.loaded[data-listing-badge] { position: absolute; } .main-badge[data-listing-badge-wrapper='top-left'] .badge-wrapper { top: 0; left: 0; } .main-badge[data-listing-badge-wrapper='top-right'] .badge-wrapper { top: 0; right: 0; } .main-badge[data-listing-badge-wrapper='bottom-right'] .badge-wrapper { bottom: 0; right: 0; } .main-badge[data-listing-badge-wrapper='bottom-left'] .badge-wrapper { bottom: 0; left: 0; } @media only screen and (min-width:640px) { .main-badge.large { Top : 32px; Left : 32px; } .main-badge.large .badge-wrapper { font-size: 40px; padding: 0 16px;line-height: 90px;border-radius: 0px; } } .main-badge span { box-sizing: border-box; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; padding: 0; top: unset; left: unset; transform: unset; } @media only screen and (min-width:640px) { .main-badge.large span { padding: 0; } } .main-badge .badge-wrapper.image-badge { padding: 0; } .main-badge .badge-wrapper.image-badge span { height: 50px; width: 100px; } .main-badge .badge-wrapper.image-badge span img.badge-image { width: 100%; height: 100%; transform: none; } .main-badge .listing-badge-advanced-banner { position: relative; visibility: hidden; display: flex; opacity: 0; flex-direction: column; box-sizing: border-box; padding: 32px 16px 16px; width: 100%; max-width: 700px; overflow: hidden; text-decoration: none; color: #ffffff; font-weight: 500; background-color: #909090; border-width: 1px border-style: solid; border-color: #ffffff; border-radius: 1px; z-index: 1; } .main-badge .listing-badge-advanced-banner.active { position: relative; visibility: visible; animation: animateFadeIn .3s; opacity: 1; } @media only screen and (min-width:640px) { .main-badge .listing-badge-advanced-banner { max-width: 1000px; } .main-badge .badge-wrapper.image-badge span { height: 50px; width: 100px; } } @media only screen and (min-width:980px) { .main-badge .listing-badge-advanced-banner { max-width: 1000px; } .main-badge .badge-wrapper.image-badge span { height: 50px; width: 100px; } } .main-badge .listing-badge-advanced-banner .close-button { position: absolute; top: 8px; display: flex; justify-content: center; align-items: center; color: #909090; background: none; border: none; cursor: pointer; } .main-badge[data-listing-badge-wrapper='top-left'] .listing-badge-advanced-banner .close-button { right: 8px; } .main-badge[data-listing-badge-wrapper='top-right'] .listing-badge-advanced-banner .close-button { left: 8px; } .main-badge[data-listing-badge-wrapper='bottom-right'] .listing-badge-advanced-banner .close-button { left: 8px; } .main-badge[data-listing-badge-wrapper='bottom-left'] .listing-badge-advanced-banner .close-button { right: 8px; } .main-badge .listing-badge-advanced-banner .button-wrapper { display: flex; justify-content: flex-start; align-items: center; padding-top: 16px; } .main-badge .listing-badge-advanced-banner .button-wrapper button { cursor: pointer; } .century-gothic-13043-1452 { font-family: 'Century Gothic', Arial; color: #ffffff; font-size: max(calc(1.63 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.9348); font-weight: 700; } @media only screen and (min-width:1200px){ .century-gothic-13043-1452 { font-size: max(calc(1.63 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .century-gothic-13043-1452 { font-size: max(calc(1.63 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .century-gothic-13043-1452 { font-size: 2.63rem; } } .home-page-13075-1452 { font-family: acumin-pro, sans-serif; color: #ffffff; font-size: max(calc(-0.06 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 1.0024); font-weight: 400; } @media only screen and (min-width:1200px){ .home-page-13075-1452 { font-size: max(calc(-0.06 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .home-page-13075-1452 { font-size: max(calc(-0.06 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .home-page-13075-1452 { font-size: 0.94rem; } } .home-page-13076-1452 { font-family: acumin-pro, sans-serif; color: #ffffff; font-size: max(calc(1 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.96); font-weight: 600; } @media only screen and (min-width:1200px){ .home-page-13076-1452 { font-size: max(calc(1 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .home-page-13076-1452 { font-size: max(calc(1 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .home-page-13076-1452 { font-size: 2rem; } } .home-page-13077-1452 { font-family: acumin-pro, sans-serif; color: #ffffff; font-size: max(calc(0 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.7em * 1); font-weight: 400; } @media only screen and (min-width:1200px){ .home-page-13077-1452 { font-size: max(calc(0 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .home-page-13077-1452 { font-size: max(calc(0 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .home-page-13077-1452 { font-size: 1rem; } } .listing-card-address-13145-1452 { font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: 18px; line-height: 27px; font-weight: 600; } @media only screen and (min-width:640px){ .listing-card-address-13145-1452 { font-size: 18px; line-height: 27px; } } @media only screen and (min-width:980px){ .listing-card-address-13145-1452 { font-size: 19px; line-height: 28.5px; } } .listing-card-price-13146-1452 { font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: 15px; line-height: 22.5px; font-weight: 400; } @media only screen and (min-width:640px){ .listing-card-price-13146-1452 { font-size: 15px; line-height: 22.5px; } } @media only screen and (min-width:980px){ .listing-card-price-13146-1452 { font-size: 15px; line-height: 22.5px; } } .century-gothic-13147-1452 { font-family: 'Century Gothic', Arial; color: #ffffff; font-size: max(calc(0.5 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.98); font-weight: 600; } @media only screen and (min-width:1200px){ .century-gothic-13147-1452 { font-size: max(calc(0.5 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .century-gothic-13147-1452 { font-size: max(calc(0.5 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .century-gothic-13147-1452 { font-size: 1.5rem; } } .white-heading-13148-1452 { font-family: acumin-pro, sans-serif; color: #ffffff; font-size: max(calc(0.38 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.9848); font-weight: 600; } @media only screen and (min-width:1200px){ .white-heading-13148-1452 { font-size: max(calc(0.38 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .white-heading-13148-1452 { font-size: max(calc(0.38 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .white-heading-13148-1452 { font-size: 1.38rem; } } .city-guides-13173-1452 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 30px; height: 60px; line-height: 60px; font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: 17px; font-weight: 400; border-style: solid; border-color: #ffffff; border-width: 1px; border-radius: 30px; background-color: #ffffff; } .city-guides-13173-1452:hover { color: #4d4d4f; border-color: #ffffff; background-color: #ffffff; } @media only screen and (min-width:640px){ .city-guides-13173-1452 { font-size: 17px; line-height: 60px; height: 60px; } } @media only screen and (min-width:980px){ .city-guides-13173-1452 { font-size: 17px; line-height: 60px; height: 60px; } } .guides-text-13174-1452 { font-family: acumin-pro, sans-serif; color: #ffffff; font-size: max(calc(0.13 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.9948); font-weight: 600; } @media only screen and (min-width:1200px){ .guides-text-13174-1452 { font-size: max(calc(0.13 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .guides-text-13174-1452 { font-size: max(calc(0.13 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .guides-text-13174-1452 { font-size: 1.13rem; } } .search-filter-13218-1452 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 22px; height: 44px; line-height: 44px; font-family: acumin-pro, sans-serif; color: #ffffff; font-size: 15px; font-weight: 400; border-style: solid; border-color: #4d4d4f; border-width: 1px; border-radius: 30px; background-color: #4d4d4f; } .search-filter-13218-1452:hover { color: #ffffff; border-color: #4d4d4f; background-color: #4d4d4f; } @media only screen and (min-width:640px){ .search-filter-13218-1452 { font-size: 15px; line-height: 44px; height: 44px; } } @media only screen and (min-width:980px){ .search-filter-13218-1452 { font-size: 15px; line-height: 44px; height: 44px; } } .search-filter-white-13219-1452 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 22px; height: 40px; line-height: 40px; font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: 15px; font-weight: 400; border-style: solid; border-color: #ffffff; border-width: 1px; border-radius: 30px; background-color: #ffffff; } .search-filter-white-13219-1452:hover { color: #4d4d4f; border-color: #ffffff; background-color: #ffffff; } @media only screen and (min-width:640px){ .search-filter-white-13219-1452 { font-size: 15px; line-height: 44px; height: 44px; } } @media only screen and (min-width:980px){ .search-filter-white-13219-1452 { font-size: 15px; line-height: 44px; height: 44px; } } .homepage-button-13238-1452 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 53px; height: 48px; line-height: 48px; font-family: 'Century Gothic', Arial; color: #ffffff; font-size: 16px; font-weight: 600; border-style: solid; border-color: #4d4d4f; border-width: 0px; border-radius: 0px; background-color: #4d4d4f; } .homepage-button-13238-1452:hover { color: #ffffff; border-color: #4d4d4f; background-color: #4d4d4f; } @media only screen and (min-width:640px){ .homepage-button-13238-1452 { font-size: 30px; line-height: 79px; height: 79px; } } @media only screen and (min-width:980px){ .homepage-button-13238-1452 { font-size: 42px; line-height: 106px; height: 106px; } } .page-header-links-13285-1452 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 7.5px; height: 15px; line-height: 15px; font-family: acumin-pro, sans-serif; color: #4d4d4f; font-size: 15px; font-weight: 400; border-style: solid; border-color: #ffffff; border-width: 0px; border-radius: 30px; background-color: rgba(144,144,144,0); } .page-header-links-13285-1452:hover { color: #00467f; border-color: #ffffff; background-color: rgba(69,69,69,0); } @media only screen and (min-width:640px){ .page-header-links-13285-1452 { font-size: 15px; line-height: 15px; height: 15px; } } @media only screen and (min-width:980px){ .page-header-links-13285-1452 { font-size: 15px; line-height: 15px; height: 15px; } } .partner-with-us-heading-13286-1452 { font-family: acumin-pro, sans-serif; color: #ffffff; font-size: max(calc(2.13 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.9148); font-weight: 600; } @media only screen and (min-width:1200px){ .partner-with-us-heading-13286-1452 { font-size: max(calc(2.13 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .partner-with-us-heading-13286-1452 { font-size: max(calc(2.13 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .partner-with-us-heading-13286-1452 { font-size: 3.13rem; } } .heading-22px-13615-1452 { font-family: acumin-pro, sans-serif; color: #666666; font-size: max(calc(0.38 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.9848); font-weight: 600; } @media only screen and (min-width:1200px){ .heading-22px-13615-1452 { font-size: max(calc(0.38 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .heading-22px-13615-1452 { font-size: max(calc(0.38 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .heading-22px-13615-1452 { font-size: 1.38rem; } } .join-video-13804-1452 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 23px; height: 46px; line-height: 46px; font-family: acumin-pro, sans-serif; color: #ffffff; font-size: 16px; font-weight: 600; border-style: solid; border-color: #ffffff; border-width: 2px; border-radius: 25px; background-color: rgba(255,255,255,0); } .join-video-13804-1452:hover { color: #4d4d4f; border-color: #ffffff; background-color: #ffffff; } @media only screen and (min-width:640px){ .join-video-13804-1452 { font-size: 16px; line-height: 46px; height: 46px; } } @media only screen and (min-width:980px){ .join-video-13804-1452 { font-size: 16px; line-height: 46px; height: 46px; } } .join-page-sub-nav-buttons-13829-1452 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 23px; height: 46px; line-height: 46px; font-family: 'Century Gothic', Arial; color: #ffffff; font-size: 16px; font-weight: 100; border-style: solid; border-color: #909090; border-width: 1px; border-radius: 30px; background-color: #909090; } .join-page-sub-nav-buttons-13829-1452:hover { color: #ffffff; border-color: #454545; background-color: #064a82; } @media only screen and (min-width:640px){ .join-page-sub-nav-buttons-13829-1452 { font-size: 16px; line-height: 46px; height: 46px; } } @media only screen and (min-width:980px){ .join-page-sub-nav-buttons-13829-1452 { font-size: 16px; line-height: 46px; height: 46px; } } input[type=text].white-input-13877-1452, input[type=password].white-input-13877-1452, input[type=number].white-input-13877-1452, input[type=mobile].white-input-13877-1452, input[type=tel].white-input-13877-1452, textarea.white-input-13877-1452, select.white-input-13877-1452 { padding: 0 15.333333333333px; display: block; box-sizing: border-box; font-family: acumin-pro, sans-serif; font-size: 15px; font-weight: 400; color: #4d4d4f; border-style: solid; border-color: #4d4d4f; border-width: 0px; border-radius: 25px; background: #ffffff } input[type=text].white-input-13877-1452, input[type=password].white-input-13877-1452, input[type=number].white-input-13877-1452, select.white-input-13877-1452 { height: 46px; line-height: 46px; background: #ffffff; } input[type=number].white-input-13877-1452 { padding-right: 0; } textarea.white-input-13877-1452 { padding: 15.333333333333px; line-height: 22.5px; } input[type=text].white-input-13877-1452::placeholder, input[type=password].white-input-13877-1452::placeholder, input[type=number].white-input-13877-1452::placeholder, input[type=mobile].white-input-13877-1452::placeholder, input[type=tel].white-input-13877-1452::placeholder, textarea.white-input-13877-1452::placeholder { color: #4d4d4f; font-weight: 400; } label.white-input-13877-1452 { font-family: acumin-pro, sans-serif; font-size: 16px; line-height: 24px; font-weight: 600; color: #4d4d4f; } @media only screen and (min-width:640px){ label.white-input-13877-1452 { font-size: 18px; line-height: 27px; } } @media only screen and (min-width:980px){ label.white-input-13877-1452 { font-size: 18px; line-height: 27px; } } input[type=radio].white-input-13877-1452, input[type=checkbox].white-input-13877-1452 { accent-color: #00467f; height: 20px; width: 20px; } #address-select.white-input-13877-1452 { display: block; box-sizing: border-box; font-family: acumin-pro, sans-serif; font-size: 15px; font-weight: 400; border-style: solid; border-color: #4d4d4f; border-width: 0px; border-radius: 25px; } #address-select.white-input-13877-1452 li { padding: 0 15.333333333333px; min-height: 46px; line-height: 46px; color: #4d4d4f; background: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #address-select.white-input-13877-1452 li:hover { color: #ffffff; background: #4d4d4f; cursor: pointer; } .heading-15px-light-13930-1452 { font-family: acumin-pro, sans-serif; color: #ffffff; font-size: max(calc(-0.06 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 1.0024); font-weight: 300; } @media only screen and (min-width:1200px){ .heading-15px-light-13930-1452 { font-size: max(calc(-0.06 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .heading-15px-light-13930-1452 { font-size: max(calc(-0.06 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .heading-15px-light-13930-1452 { font-size: 0.94rem; } } .home-page-guides-13931-1452 { font-family: acumin-pro, sans-serif; color: #ffffff; font-size: max(calc(0.25 * var(--mobile-scale) + 1rem), var(--root-font-size)); line-height: calc(1.2em * 0.99); font-weight: 600; } @media only screen and (min-width:1200px){ .home-page-guides-13931-1452 { font-size: max(calc(0.25 * 1vw + .8rem), var(--root-font-size)); } } @media only screen and (min-width:1440px){ .home-page-guides-13931-1452 { font-size: max(calc(0.25 * 1vw + .7rem), var(--root-font-size)); } } @media only screen and (min-width:1700px){ .home-page-guides-13931-1452 { font-size: 1.25rem; } } .client-login .search-text-box { min-height: 46px; line-height: 46px; position: relative; } .client-login .search-text-box .suburb-multi-select { display: flex; flex-wrap: wrap; box-sizing: border-box; font-family: acumin-pro, sans-serif; font-size: 15px; font-weight: 400; color: #666666; border-style: solid; border-color: #666666; border-width: 0px; border-radius: 25px; background: #666; } .client-login .search-text-box .suburb-multi-select input[type=text] { background: transparent; border: 0; display: flex; flex-grow: 1; outline: none; } .client-login .search-text-box .suburb-multi-select .labels { display: flex; flex-wrap: wrap; } .client-login .search-text-box .suburb-multi-select .suburb_label { padding: 0 0 0 15.333333333333px; display: flex; align-items: center; } .client-login .search-text-box .suburb-multi-select .suburb_label a { display: block; height: 10px; width: 10px; position: relative; padding-right: 7.666666666667px; } .client-login .search-text-box .suburb-multi-select .suburb_label a:after, .client-login .search-text-box .suburb-multi-select .suburb_label a:before { content: ''; display: block; height: 10px; width: 1px; background: #fff; transform: rotate(45deg); position: absolute; top: 0; left: 5px; } .client-login .search-text-box .suburb-multi-select .suburb_label a:before { transform: rotate(-45deg); } .client-login .search-text-box .display-none { display: none; } .client-login #client-login-session-new .recaptcha_container { margin-top: 16px; } .client-login #client-login-session-new .recaptcha_container .fieldset_captcha { border: unset; padding-left: 0; margin-left: 0; } .client-login .search-text-box #search-result-container { position: absolute; background: #ffffff; width: 100%; left: 0; font-family: acumin-pro, sans-serif; color: #666; font-size: 12px; line-height: 18px; font-weight: 500; max-height: 200px; overflow-y: auto; padding: 0 15.333333333333px; box-sizing: border-box; box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .6); } .client-login .search-text-box #search-result-container .search-results { cursor: pointer; } label { font-family: acumin-pro, sans-serif; font-size: 20px; line-height: 30px; font-weight: 600; color: #4d4d4f; } @media only screen and (min-width:640px){ label { font-size: 20px; line-height: 30px; } } @media only screen and (min-width:980px){ label { font-size: 20px; line-height: 30px; } } input[type=radio], input[type=checkbox] { accent-color: #00467f; height: 20px; width: 20px; } .pad{ padding: 20px; } .pad-v{ padding-top: 20px; padding-bottom: 20px; } .pad-s{ padding-left: 20px; padding-right: 20px; } .pad-t{ padding-top: 20px; } .pad-b{ padding-bottom: 20px; } .pad-l{ padding-left: 20px; } .pad-r{ padding-right: 20px; } .pad-h{ padding: 10px; } .pad-v-h{ padding-top: 10px; padding-bottom: 10px; } .pad-s-h{ padding-left: 10px; padding-right: 10px; } .pad-t-h{ padding-top: 10px; } .pad-b-h{ padding-bottom: 10px; } .pad-l-h{ padding-left: 10px; } .pad-r-h{ padding-right: 10px; } .pad-q{ padding: 5px; } .pad-v-q{ padding-top: 5px; padding-bottom: 5px; } .pad-s-q{ padding-left: 5px; padding-right: 5px; } .pad-t-q{ padding-top: 5px; } .pad-b-q{ padding-bottom: 5px; } .pad-l-q{ padding-left: 5px; } .pad-r-q{ padding-right: 5px; } @media only screen and (min-width:640px){ .pad{ padding: 20px; } .pad-v{ padding-top: 20px; padding-bottom: 20px; } .pad-s{ padding-left: 20px; padding-right: 20px; } .pad-t{ padding-top: 20px; } .pad-b{ padding-bottom: 20px; } .pad-l{ padding-left: 20px; } .pad-r{ padding-right: 20px; } .pad-h{ padding: 10px; } .pad-v-h{ padding-top: 10px; padding-bottom: 10px; } .pad-s-h{ padding-left: 10px; padding-right: 10px; } .pad-t-h{ padding-top: 10px; } .pad-b-h{ padding-bottom: 10px; } .pad-l-h{ padding-left: 10px; } .pad-r-h{ padding-right: 10px; } .pad-q{ padding: 5px; } .pad-v-q{ padding-top: 5px; padding-bottom: 5px; } .pad-s-q{ padding-left: 5px; padding-right: 5px; } .pad-t-q{ padding-top: 5px; } .pad-b-q{ padding-bottom: 5px; } .pad-l-q{ padding-left: 5px; } .pad-r-q{ padding-right: 5px; } } @media only screen and (min-width:980px){ .pad{ padding: 30px; } .pad-v{ padding-top: 30px; padding-bottom: 30px; } .pad-s{ padding-left: 30px; padding-right: 30px; } .pad-t{ padding-top: 30px; } .pad-b{ padding-bottom: 30px; } .pad-l{ padding-left: 30px; } .pad-r{ padding-right: 30px; } .pad-h{ padding: 15px; } .pad-v-h{ padding-top: 15px; padding-bottom: 15px; } .pad-s-h{ padding-left: 15px; padding-right: 15px; } .pad-t-h{ padding-top: 15px; } .pad-b-h{ padding-bottom: 15px; } .pad-l-h{ padding-left: 15px; } .pad-r-h{ padding-right: 15px; } .pad-q{ padding: 7.5px; } .pad-v-q{ padding-top: 7.5px; padding-bottom: 7.5px; } .pad-s-q{ padding-left: 7.5px; padding-right: 7.5px; } .pad-t-q{ padding-top: 7.5px; } .pad-b-q{ padding-bottom: 7.5px; } .pad-l-q{ padding-left: 7.5px; } .pad-r-q{ padding-right: 7.5px; } } .floating-socials { position: fixed; top: 50%; left: 10px; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); display: flex; flex-direction: column; align-items: center; border-radius: 50px; display: none; } @media only screen and (min-width:980px){ .floating-socials { display: block; } } .floating-socials a { font-size: 1em; text-decoration: none; transition: ease-in-out .2s; display: block; } .floating-socials .social-icon-facebook:hover { color: #1877F2; } .floating-socials .social-icon-linkedin:hover { color: #0A66C2; } .floating-socials .social-icon-pinterest:hover { color: #BD081C; } .floating-socials .social-icon-twitter:hover { color: #1DA1F2; } .floating-socials .social-icon-instagram:hover { color: #E4405F; } .floating-socials .social-icon-youtube:hover { color: #FF0000; } .floating-socials .social-icon-rate-my-agent:hover { color: #000000; } .floating-socials.dark { background: black; padding: 15px 10px 5px; } .floating-socials.dark a { margin-bottom: 10px; padding: 0 4px; color: white; } .floating-socials.dark a:hover { background: white; padding: 4px; border-radius: 100%; } .floating-socials.light { background: white; padding: 15px 15px 5px; } .floating-socials.light a { margin-bottom: 10px; color: #666; } .floating-socials.light a:hover { padding: 10px 0; } .form-row label { width: 100%; padding-top: 15px; display: block; } input[type=submit], input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea, select, button { -webkit-appearance: none; } .form-row label input[type=text], .form-row label input[type=password], .form-row label input[type=number], .form-row label textarea, .form-row label select { width: 100%; margin-top: 7.5px; } .client-login .contact-methods { display: flex; flex-wrap: wrap; } .client-login .contact-methods label { width: 50%; display: flex; align-items: center; margin-top: 15px; } .client-login .contact-methods label input { margin-right: 10px; } .client-login .radios { display: flex; flex-wrap: wrap; } .client-login .radios label { display: flex; align-items: center; width: 33.33%; } .client-login .radios label input { margin: 0 10px 0 0; } .client-login .radios.property_types label { margin-top: 7.5px; width: 50%; } .client-login .rooms .radios label { width: unset; padding-right: 15px; } .client-login .action-buttons .button { width: 100%; text-align: center; box-sizing: border-box; display: block; margin-top: 15px; } @media only screen and (min-width:640px) { .client-login .radios label { width: 15%; } .client-login .radios.property_types label { margin-top: 7.5px; width: 25%; } .client-login .form-row { display: flex; justify-content: space-between; padding-top: 15px; gap: 15px; } .client-login .form-row label { width: 50%; padding: 0; } .client-login .form-row.single label { width: 100%; } .client-login .form-row label[for=contact-suburb] { flex: 2; } .client-login .form-row label[for=contact-state], .client-login .form-row label[for=contact-pcode] { flex: 1; } .client-login .form-row label input[type=text], .client-login .form-row label input[type=password], .client-login .form-row label input[type=number], .client-login .form-row label textarea, .client-login .form-row label select { width: 100%; margin-top: 7.5px; } .client-login .contact-methods label { width: 25%; } .client-login .rooms { display: flex; gap: 15px; } .client-login .rooms > div { width: 33.33%; } .client-login .action-buttons { display: flex; gap: 15px; } .client-login .action-buttons .button { width: unset; } } #client-login-user-new a, #client-login-session-new a, #client-login-credentials-new a { color: inherit; } #flash-message, .flash-message { display: block; background: pink; border: 1px solid red; color: red; padding: 15px; border-radius: 5px; margin-top: 15px; } #flash-message.alert-success { background: honeydew; border: 1px solid forestgreen; color: forestgreen; } #flash-message a { display: none; } .form-messages { display: none; justify-content: center; align-items: center; padding: 30px; margin-bottom: 25px; } .form-messages.error { display: flex; color: #ec1c41; background-color: #ffd5d5; border: 1px solid #ec1c41; } .form-messages.success { display: flex; color: #1dc551; background-color: #d5ffd5; border: 1px solid #1dc551; } #quick-appraisal-modal, #calculate-stuff-modal { z-index: 4; inset: 0; position: fixed; isolation: isolate; display: none; } #quick-appraisal-modal .overlay, #calculate-stuff-modal .overlay { position: absolute; inset: 0; background: rgba(255,255,255,0.5); z-index: 1; } #quick-appraisal-modal .modal-content, #calculate-stuff-modal .modal-content { position: absolute; top: 60px; left: 0; right: 0; margin: auto; width: 90%; z-index: 2; } #calculate-stuff-modal .modal-content { top: 64px; height: calc(100vh - 128px); overflow-y: auto; } @media only screen and (min-width:980px){ #quick-appraisal-modal .modal-content, #calculate-stuff-modal .modal-content { width: 50%; } } #quick-appraisal-modal .modal-content .appraisal-step { text-align: right; box-sizing: border-box; background: #ffffff; padding: 48px; width: 100%; box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .6); transition: ease-in-out .5s; opacity: 0; pointer-events: none; position: absolute; transform: translate(30px, 0); } #quick-appraisal-modal .modal-content .appraisal-step.active { opacity: 1; pointer-events: unset; transform: translate(0, 0); } #quick-appraisal-modal .modal-content .appraisal-step#step-3, #quick-appraisal-modal .modal-content .appraisal-step#step-3.active { transform: unset; } #quick-appraisal-modal .modal-content .appraisal-step .quick-app-modal-close-button, #calculate-stuff-modal .modal-content .close-button { position: absolute; top: 16px; right: 16px; font-size: 20px; font-weight: 300; line-height: 10px; cursor: pointer; } #quick-appraisal-modal .modal-content .appraisal-step input, #quick-appraisal-modal .modal-content .appraisal-step select, #quick-appraisal-modal .modal-content .appraisal-step textarea { width: 100%; } #quick-appraisal-modal .modal-content .appraisal-step #quick-address-select { position: absolute; background: #ffffff; width: 100%; left: 0; font-family: acumin-pro, sans-serif; color: #666; font-size: 12px; line-height: 18px; font-weight: 500; max-height: 200px; overflow-y: auto; box-sizing: border-box; box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .6); text-align: left; } #quick-appraisal-modal .modal-content .appraisal-step #quick-address-select li { cursor: pointer; padding: 0 15.333333333333px; } #quick-appraisal-modal .modal-content .appraisal-step #quick-address-select li:hover { background: #2196F3; color: #ffffff; } #quick-appraisal-modal .modal-content .appraisal-step .sub-heading { padding-bottom: 32px; text-align: center; } #quick-appraisal-modal .modal-content .appraisal-step .contact-row { display: flex; gap: 16px; margin-bottom: 16px; position: relative; } #quick-appraisal-modal .modal-content .appraisal-step .navigate-button { display: flex; justify-content: space-between; align-items: center; } #quick-appraisal-modal .modal-content .appraisal-step .navigate-button .back-button{ font-family: acumin-pro, sans-serif; color: #666; font-size: 12px; line-height: 18px; font-weight: 500; text-decoration: none; } #quick-appraisal-modal .modal-content .appraisal-step .navigate-button .back-button:hover{ text-decoration: underline; } #quick-appraisal-modal .modal-content .appraisal-step .navigate-button .button { display: block; } #quick-appraisal-modal .modal-content .appraisal-step .navigate-button .submit-buttons { display: flex; align-items: flex-end; gap: 32px; } body .lightbox { line-height: inherit; font-weight: inherit; } body .lb-outerContainer, body .lightbox .lb-image { border-radius: 0; background: unset; } body .lb-container .lb-nav { z-index: 20; top: 50%; transform: translateY(-50%); height: 50px; } body .lb-dataContainer { height: 100%; padding: 0; } body .lb-dataContainer .lb-data { color: inherit; } body .lb-dataContainer .lb-data .lb-details { width: 100%; position: absolute; inset: 100% 0 auto; background: #ffffff; padding: 16px; box-sizing: border-box; display: flex; justify-content: space-between; line-height: inherit; } body .lb-data .lb-caption { font-weight: inherit; } body .lb-dataContainer .lb-data .lb-details .lb-caption, body .lb-dataContainer .lb-data .lb-number { font-size: inherit; font-weight: inherit; line-height: inherit; } body .lb-dataContainer .lb-data .lb-details .lb-caption { flex: 3; } body .lb-dataContainer .lb-data .lb-number { flex: 1; padding: 0; margin: 0; text-align: right; } #OfferKit_make-an-offer { z-index: 2; } .card-3994 { border: 1px solid #C6C6C6; border-radius: 0px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; color: inherit; background: #ffffff; min-height: 384px; transition: background 1s; overflow: hidden; box-sizing: border-box; } .card-3994:hover { background: #ffffff; } .card-3994 a { text-decoration: none; } .card-3994 a .image { overflow: hidden; isolation: isolate; position: relative; margin: 8px 8px 0; border-radius: -8px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; height: 190px; } @media only screen and (min-width: 640px) { .card-3994 a .image { height: 190px; } } @media only screen and (min-width: 980px) { .card-3994 a .image { height: 190px; } } .card-3994 a .image img { width: 100%; height: 100%; object-fit: cover; transition: all 1s; } .card-3994 a:hover .image img { transform: scale(1.1); } .card-3994 a .image .overlay { position: absolute; inset: 0; z-index: 2; background: rgba(255, 255, 255, 0); transition: background 2s; } .card-3994:hover a .image .overlay { background: rgba(255, 255, 255, .5); } .card-3994 .description{ display: none; } .card-3994 .container-two { display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; padding: 24px 0; margin: 0 8px 0 8px; } .card-3994 .calendar .widget-icon-calendar:before { margin-right: 8px; } .card-3994 .container-two .additional .street-suburb { display: flex; flex-direction: column; padding: 16px 0; } .card-3994 .container-two .additional .calendar { padding: 16px 0 0; } .card-3994 .container-two .agent { display: none; } .card-3994 .suburb { text-transform: capitalize; } .card-3994 a .container-two .additional { margin-top: 8px; } .card-3994 .bedBathCar { display: flex; align-items: center; justify-content: center; text-transform: capitalize; } .card-3994 .bedBathCar .value-wrapper { display: flex; align-items: center; } .card-3994 .bedBathCar .value-wrapper:before { font-size: 14px; } .card-3994 .calendar a, .card-3994 .container-two .date, .card-3994 .container-two .street, .card-3994 .container-two .suburb, .card-3994 .container-two .additional .bedBathCar, .card-3994 .container-two .additional .price { transition: all 1s; } .card-3994:hover .calendar a, .card-3994:hover .container-two .date, .card-3994:hover .container-two .street, .card-3994:hover .container-two .suburb, .card-3994:hover .container-two .additional .bedBathCar, .card-3994:hover .container-two .additional .price { color: #000000; } @media only screen and (min-width:1200px){ .card-3994.width-3, .card-3994.width-4 { } .card-3994.width-3, .card-3994.width-4 { flex-direction: unset; display: grid; column-gap: 16px; } .card-3994.width-3 { grid-template-columns: repeat(3, 1fr); } .card-3994.width-4 { grid-template-columns: repeat(4, 1fr); } .card-3994.width-3 .container-one, .card-3994.width-4 .container-one { grid-column: 1 / 3; } .card-3994.width-3 .container-two, .card-3994.width-4 .container-two { margin: 0 8px 8px; } .card-3994.width-4 .container-two { grid-column: span 2; } .card-3994.width-3 .container-one .image-wrapper, .card-3994.width-4 .container-one .image-wrapper { height: 100%; } .card-3994.width-3 .container-one .image, .card-3994.width-4 .container-one .image { height: calc(100% - 16px); max-height: none; overflow: hidden; border-radius: -8px 0 0 -8px; margin: 8px 0 8px 8px; } .card-3994.width-3 .container-two, .card-3994.width-4 .container-two { display: flex; margin: 8px 8px 8px 0; padding: 0; } } .card-3996 .content-wrapper { height: 100%; overflow: hidden; background: #ffffff; border-radius: 0px; border: 1px solid #C6C6C6; color: inherit; text-decoration: none; box-sizing: border-box; transition: background 1s; } .card-3996:hover .content-wrapper { background: #ffffff; } .card-3996 .content-wrapper .content { display: flex; flex-direction: column; align-items: center; margin: 8px; justify-content: center; } .card-3996 .content-wrapper .quotes { font-size: 15px; color: #000000; padding-bottom: 8px; } .card-3996 .content-wrapper .headline { padding-bottom: 16px; } .card-3996 .content-wrapper .from-name { padding-top: 16px; } .card-3996 .content-wrapper .from-name, .card-3996 .content-wrapper .headline, .card-3996 .content-wrapper .testimonial { text-align: center; } .card-3996 .content-wrapper .quotes, .card-3996 .content-wrapper .from-name, .card-3996 .content-wrapper .headline, .card-3996 .content-wrapper .testimonial { transition: all 1s; } .card-3996:hover .content-wrapper .quotes, .card-3996:hover .content-wrapper .from-name, .card-3996:hover .content-wrapper .headline, .card-3996:hover .content-wrapper .testimonial { color: #000000; } @media only screen and (min-width: 640px) { .card-3996 .content-wrapper { display: flex; justify-content: center; min-height: 150px; } .card-3996 .content-wrapper .content { max-width: 400px; } .card-3996 .content-wrapper .testimonial { display: flex; align-items: center; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-y: auto; overflow-x: hidden; padding: 0 16px; } .card-3996 .content-wrapper .testimonial::-webkit-scrollbar { width: 4px; } .card-3996 .content-wrapper .testimonial::-webkit-scrollbar-track { background: transparent; } .card-3996 .content-wrapper .testimonial::-webkit-scrollbar-thumb { background-color: #EAEAEA; border-radius: 2px; border: transparent; transition: all 1s; } .card-3996:hover .content-wrapper .testimonial::-webkit-scrollbar-thumb { background-color: #EAEAEA; } } @media only screen and (min-width: 980px) { .card-3996 .content-wrapper { min-height: 150px; } .card-3996 .content-wrapper .content { max-width: 700px; } .card-3996 .content-wrapper .testimonial { -webkit-line-clamp: 3; } } @media only screen and (min-width:1200px){ .card-3996.width-2 .content-wrapper { grid-template-columns: repeat(2, 1fr); } .card-3996.width-3 .content-wrapper, .card-3996.width-4 .content-wrapper { grid-template-columns: 3fr 1fr; } } .card-3997 * { box-sizing: border-box; } .card-3997 a { text-decoration: none; overflow: hidden; display: flex; flex-direction: column; height: 100%; } .card-3997 a .image { position: relative; display: flex; height: 250px; overflow: hidden; isolation: isolate; } @media only screen and (min-width: 640px) { .card-3997 a .image { height: 250px; } } @media only screen and (min-width: 980px) { .card-3997 a .image { height: 250px; } } .card-3997 a .image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: all 1s; } .card-3997:hover a .image img { transform: scale(1.1); } .card-3997 a .image .overlay { position: absolute; inset: auto auto 0; background: rgba(255, 255, 255, 0); width: 100%; z-index: 2; transition: background 2s; } .card-3997:hover a .image .overlay { opacity: 30%; } .card-3997 a .details-main { display: flex; flex-direction: column; } .card-3997 a .details-main .suburb { margin-top: auto; } .card-3997 a .details-aside { display: none; } .card-3997 .project-heading { transform: translateY(-30%); height: 3em; } .card-3997 a .details { display: flex; flex: 1; position: relative; padding: 0 24px 32px; background-color: #CCCCCC; } .card-3997 a .details .project-heading, .card-3997 a .details .suburb { transition: all 1s; } @media only screen and (min-width:1200px) { .card-3997 a { min-height: 384px; } .card-3997.width-3 a, .card-3997.width-4 a { display: grid; } .card-3997.width-3 a { grid-template-columns: repeat(3, 1fr); } .card-3997.width-3 a .image{ grid-column: 1 / 3; } .card-3997.width-4 a { grid-template-columns: repeat(2, 1fr); } .card-3997.width-4 a .image { grid-column: 1 / 2; } .card-3997.width-4 a .details { grid-column: 2 / 2; } .card-3997.width-3 a .image .overlay, .card-3997.width-4 a .image .overlay { position: absolute; inset: 0 0 auto auto; width: 100%; } .card-3997.width-3 a .image, .card-3997.width-4 a .image { height: 100%; max-height: none; width: 100%; overflow: hidden; } .card-3997.width-3 a .details, .card-3997.width-4 a .details { width: 100%; display: flex; align-items: center; } .card-3997.width-3 a .details .details-main, .card-3997.width-4 a .details .details-main { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; } .card-3997.width-3 a .details .details-main .suburb, .card-3997.width-4 a .details .details-main .suburb { position: absolute; bottom: 0; margin-top: 0; } .card-3997.width-3 a { flex-direction: row; } .card-3997.width-3 a .details .project-heading, .card-3997.width-4 a .details .project-heading { transform: translateX(-25%); } .card-3997.card-columns-1.width-1 a { flex-direction: row; } .card-3997.card-columns-1.width-1 a .image { width: 100%; height: 100%; } .card-3997.card-columns-1.width-1 a .details { width: 100%; display: flex; align-items: center; } .card-3997.card-columns-1.width-1 a .details .details-main { width: 100%; } .card-3997.card-columns-1.width-1 a .details .details-aside { display: block; width: 100%; padding-left: 24px; } .card-3997.card-columns-2.width-2 a { flex-direction: row; } .card-3997.card-columns-2.width-2 a .image { width: 100%; height: 100%; } .card-3997.card-columns-2.width-2 a .details { width: 100%; display: flex; align-items: center; } .card-3997.card-columns-2.width-2 a .details .details-main { width: 100%; } .card-3997.card-columns-2.width-2 a .details .details-aside { display: block; width: 100%; padding-left: 24px; } .card-3997.card-columns-3.width-3 a { flex-direction: row; } .card-3997.card-columns-3.width-3 a .image { width: 100%; height: 100%; } .card-3997.card-columns-3.width-3 a .details { width: 100%; display: flex; align-items: center; } .card-3997.card-columns-3.width-3 a .details .details-main { width: 100%; } .card-3997.card-columns-3.width-3 a .details .details-aside { display: block; width: 100%; padding-left: 24px; } .card-3997.card-columns-4.width-4 a { flex-direction: row; } .card-3997.card-columns-4.width-4 a .image { width: 100%; height: 100%; } .card-3997.card-columns-4.width-4 a .details { width: 100%; display: flex; align-items: center; } .card-3997.card-columns-4.width-4 a .details .details-main { width: 100%; } .card-3997.card-columns-4.width-4 a .details .details-aside { display: block; width: 100%; padding-left: 24px; } } .card-4406 { display: inline-block; background: white; isolation: isolate; position: relative; border: 0; overflow: hidden; } .card-4406 * { box-sizing: border-box; } .card-4406 a { display: block; text-decoration: none; height: 100%; } .card-4406 a .main-content { position: relative; height: 100%; padding: 24px; } .card-4406 a .main-content .background { position: absolute; inset: 0; z-index: 1; overflow: hidden; } .card-4406 a .main-content .background img { width: 100%; height: 100%; object-fit: cover; transform-origin: 50% 30%; transition: all 1s; } .card-4406:hover a .background img { transform: scale(1.1); } .card-4406 a .main-content .overlay { position: absolute; width: 100%; z-index: 2; background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);; height: 20%; bottom: 0; left: 0; right: 0; transition: background 2s; } .card-4406 a .main-content .details { height: 280px; position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; text-align: left; } @media only screen and (min-width: 640px) { .card-4406 a .main-content .details { height: 241px; } } @media only screen and (min-width: 980px) { .card-4406 a .main-content .details { height: 360px; } } .card-4406 a .main-content .details .text-top { display: flex; flex-direction: column; padding-bottom: 8px; } .card-4406 a .main-content .details .suburb-name, .card-4406 a .main-content .details .blurb { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (min-width:1200px){ .card-4406.width-2 a .main-content .details .text-top, .card-4406.width-4 a .main-content .details .text-top { display: block; } .card-4406.width-2 a .main-content .details .text-top div, .card-4406.width-4 a .main-content .details .text-top div { display: inline-block; } } .card-4407 { border: 0px solid #ffffff; border-radius: 0px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; color: inherit; background: #f6f9fb; min-height: 384px; transition: background 1s; overflow: hidden; box-sizing: border-box; } .card-4407:hover { background: #00467f; } .card-4407 a { text-decoration: none; } .card-4407 a .image { overflow: hidden; isolation: isolate; position: relative; margin: 8px 8px 0; border-radius: -8px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; height: 250px; } @media only screen and (min-width: 640px) { .card-4407 a .image { height: 250px; } } @media only screen and (min-width: 980px) { .card-4407 a .image { height: 250px; } } .card-4407 a .image img { width: 100%; height: 100%; object-fit: cover; transition: all 1s; } .card-4407 a:hover .image img { transform: scale(1.1); } .card-4407 a .image .overlay { position: absolute; inset: 0; z-index: 2; background: rgba(0,70,127,0); transition: background 2s; } .card-4407:hover a .image .overlay { background: rgba(0,70,127,0.4); } .card-4407 .description{ display: none; } .card-4407 .container-two { display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; padding: 24px 0; margin: 0 8px 0 8px; } .card-4407 .calendar .widget-icon-calendar:before { margin-right: 8px; } .card-4407 .container-two .additional .street-suburb { display: flex; flex-direction: column; padding: 16px 0; } .card-4407 .container-two .additional .calendar { padding: 16px 0 0; } .card-4407 .suburb { text-transform: capitalize; } .card-4407 a .container-two .additional { margin-top: 8px; } .card-4407 .bedBathCar { display: flex; align-items: center; justify-content: center; text-transform: capitalize; } .card-4407 .bedBathCar .value-wrapper { display: flex; align-items: center; } .card-4407 .bedBathCar .value-wrapper:before { font-size: 14px; } .card-4407 .calendar a, .card-4407 .container-two .date, .card-4407 .container-two .address, .card-4407 .container-two .suburb, .card-4407 .container-two .additional .bedBathCar, .card-4407 .container-two .additional .price { transition: all 1s; } .card-4407:hover .calendar a, .card-4407:hover .container-two .date, .card-4407:hover .container-two .address, .card-4407:hover .container-two .suburb, .card-4407:hover .container-two .additional .bedBathCar, .card-4407:hover .container-two .additional .price { color: #ffffff; } @media only screen and (min-width:1200px){ .card-4407.width-3, .card-4407.width-4 { } .card-4407.width-3, .card-4407.width-4 { flex-direction: unset; display: grid; column-gap: 16px; } .card-4407.width-3 { grid-template-columns: repeat(3, 1fr); } .card-4407.width-4 { grid-template-columns: repeat(4, 1fr); } .card-4407.width-3 .container-one, .card-4407.width-4 .container-one { grid-column: 1 / 3; } .card-4407.width-3 .container-two, .card-4407.width-4 .container-two { margin: 0 8px 8px; } .card-4407.width-4 .container-two { grid-column: span 2; } .card-4407.width-3 .container-one .image-wrapper, .card-4407.width-4 .container-one .image-wrapper { height: 100%; } .card-4407.width-3 .container-one .image, .card-4407.width-4 .container-one .image { height: calc(100% - 16px); max-height: none; overflow: hidden; margin: 8px 0 8px 8px; border-radius: -8px 0 0 -8px; } .card-4407.width-3 .container-two, .card-4407.width-4 .container-two { display: flex; margin: 8px 8px 8px 0; padding: 0; } } .card-4582 { display: inline-block; isolation: isolate; position: relative; border: 0; overflow: hidden; } .card-4582 * { box-sizing: border-box; } .card-4582 .main-content .details {font-family: acumin-pro, sans-serif;color: #ffffff;font-size: 15px;line-height: 22.5px;font-weight: 300;} .card-4582 .overlay .button { width: fit-content; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateX(-8px); transition: all .5s ease-out; } .card-4582 .main-content { flex: 1 1 auto; display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; } .card-4582 .main-content .inner-wrapper { width: 100%; } .card-4582 .main-content .inner-wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(0,70,127,0.8); transition: all 0.25s ease-in-out; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; } .card-4582 .main-content:hover .inner-wrapper .overlay { opacity: 1; visibility: visible; } .card-4582 .main-content:hover .overlay .button { opacity: 1; visibility: visible; transform: translateX(0); } .card-4582 .main-content:hover .details { background: transparent; } .card-4582 .main-content .headline { width: 100%; } .card-4582 .inner-wrapper { position: relative; height: 280px; position: relative; } .card-4582 .main-content .background { position: absolute; inset: 0; z-index: 1; overflow: hidden; } .card-4582 .main-content .background img { width: 100%; height: 100%; object-fit: cover; transform-origin: 50% 30%; } .card-4582 .main-content .details { position: absolute; width: 100%; z-index: 2; background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);; height: 20%; bottom: 0; left: 0; right: 0; display: flex; align-items: center; padding: 0 24px; } .card-4582 .main-content .headline-wrapper { padding: 24px; background-color: #f6f9fb; display: flex; flex: 1 1 auto; } .card-4582 .main-content .headline { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (min-width: 640px) { .card-4582 .inner-wrapper { height: 241px; } } @media only screen and (min-width: 980px) { .card-4582 .inner-wrapper { height: 305px; } } @media only screen and (min-width:1200px){ .card-4582 a .main-content .headline { padding: 32px 24px; } .card-4582.card-columns-4.width-4 .main-content, .card-4582.card-columns-4.width-3 .main-content, .card-4582.card-columns-3.width-3 .main-content, .card-4582.card-columns-2.width-2 .main-content, .card-4582.card-columns-1.width-1 .main-content { min-height: 305px; flex-direction: row; } .card-4582.card-columns-4.width-4 .main-content .inner-wrapper, .card-4582.card-columns-4.width-3 .main-content .inner-wrapper, .card-4582.card-columns-3.width-3 .main-content .inner-wrapper, .card-4582.card-columns-2.width-2 .main-content .inner-wrapper, .card-4582.card-columns-1.width-1 .main-content .inner-wrapper { width: 70%; height: 100%; } .card-4582.card-columns-4.width-4 .main-content .headline, .card-4582.card-columns-4.width-3 .main-content .headline, .card-4582.card-columns-3.width-3 .main-content .headline, .card-4582.card-columns-2.width-2 .main-content .headline, .card-4582.card-columns-1.width-1 .main-content .headline { width: 30%; display: flex; align-items: center; } } .card-4583 { display: inline-block; isolation: isolate; position: relative; border: 0; overflow: hidden; } .card-4583 * { box-sizing: border-box; } .card-4583 .main-content .details {font-family: acumin-pro, sans-serif;color: #ffffff;font-size: 15px;line-height: 22.5px;font-weight: 300;} .card-4583 .overlay .button { width: fit-content; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateX(-8px); transition: all .5s ease-out; } .card-4583 .main-content { flex: 1 1 auto; display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; } .card-4583 .main-content .inner-wrapper { width: 100%; } .card-4583 .main-content .inner-wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(0,70,127,0.8); transition: all 0.25s ease-in-out; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; } .card-4583 .main-content:hover .inner-wrapper .overlay { opacity: 1; visibility: visible; } .card-4583 .main-content:hover .overlay .button { opacity: 1; visibility: visible; transform: translateX(0); } .card-4583 .main-content:hover .details { background: transparent; } .card-4583 .main-content .headline { width: 100%; } .card-4583 .inner-wrapper { position: relative; height: 280px; position: relative; } .card-4583 .main-content .background { position: absolute; inset: 0; z-index: 1; overflow: hidden; } .card-4583 .main-content .background img { width: 100%; height: 100%; object-fit: cover; transform-origin: 50% 30%; } .card-4583 .main-content .details { position: absolute; width: 100%; z-index: 2; background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);; height: 20%; bottom: 0; left: 0; right: 0; display: flex; align-items: center; padding: 0 24px; } .card-4583 .main-content .headline-wrapper { padding: 24px; background-color: #ffffff; display: flex; flex: 1 1 auto; } .card-4583 .main-content .headline { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (min-width: 640px) { .card-4583 .inner-wrapper { height: 241px; } } @media only screen and (min-width: 980px) { .card-4583 .inner-wrapper { height: 305px; } } @media only screen and (min-width:1200px){ .card-4583 a .main-content .headline { padding: 32px 24px; } .card-4583.card-columns-4.width-4 .main-content, .card-4583.card-columns-4.width-3 .main-content, .card-4583.card-columns-3.width-3 .main-content, .card-4583.card-columns-2.width-2 .main-content, .card-4583.card-columns-1.width-1 .main-content { min-height: 305px; flex-direction: row; } .card-4583.card-columns-4.width-4 .main-content .inner-wrapper, .card-4583.card-columns-4.width-3 .main-content .inner-wrapper, .card-4583.card-columns-3.width-3 .main-content .inner-wrapper, .card-4583.card-columns-2.width-2 .main-content .inner-wrapper, .card-4583.card-columns-1.width-1 .main-content .inner-wrapper { width: 70%; height: 100%; } .card-4583.card-columns-4.width-4 .main-content .headline, .card-4583.card-columns-4.width-3 .main-content .headline, .card-4583.card-columns-3.width-3 .main-content .headline, .card-4583.card-columns-2.width-2 .main-content .headline, .card-4583.card-columns-1.width-1 .main-content .headline { width: 30%; display: flex; align-items: center; } } .card-4650 { display: inline-block; isolation: isolate; position: relative; border: 0; overflow: hidden; } .card-4650 * { box-sizing: border-box; } .card-4650 .main-content .details {font-family: acumin-pro, sans-serif;color: #ffffff;font-size: 15px;line-height: 22.5px;font-weight: 300;} .card-4650 .overlay .button { width: fit-content; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateX(-8px); transition: all .5s ease-out; } .card-4650 .main-content { flex: 1 1 auto; display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; } .card-4650 .main-content .inner-wrapper { width: 100%; } .card-4650 .main-content .inner-wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(0,70,127,0.8); transition: all 0.25s ease-in-out; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; } .card-4650 .main-content:hover .inner-wrapper .overlay { opacity: 1; visibility: visible; } .card-4650 .main-content:hover .overlay .button { opacity: 1; visibility: visible; transform: translateX(0); } .card-4650 .main-content:hover .details { background: transparent; } .card-4650 .main-content .headline { width: 100%; } .card-4650 .inner-wrapper { position: relative; height: 280px; position: relative; } .card-4650 .main-content .background { position: absolute; inset: 0; z-index: 1; overflow: hidden; } .card-4650 .main-content .background img { width: 100%; height: 100%; object-fit: cover; transform-origin: 50% 30%; } .card-4650 .main-content .details { position: absolute; width: 100%; z-index: 2; background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);; height: 20%; bottom: 0; left: 0; right: 0; display: flex; align-items: center; padding: 0 24px; } .card-4650 .main-content .headline-wrapper { padding: 24px; background-color: #f6f9fb; display: flex; flex: 1 1 auto; } .card-4650 .main-content .headline { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (min-width: 640px) { .card-4650 .inner-wrapper { height: 241px; } } @media only screen and (min-width: 980px) { .card-4650 .inner-wrapper { height: 305px; } } @media only screen and (min-width:1200px){ .card-4650 a .main-content .headline { padding: 32px 24px; } .card-4650.card-columns-4.width-4 .main-content, .card-4650.card-columns-4.width-3 .main-content, .card-4650.card-columns-3.width-3 .main-content, .card-4650.card-columns-2.width-2 .main-content, .card-4650.card-columns-1.width-1 .main-content { min-height: 305px; flex-direction: row; } .card-4650.card-columns-4.width-4 .main-content .inner-wrapper, .card-4650.card-columns-4.width-3 .main-content .inner-wrapper, .card-4650.card-columns-3.width-3 .main-content .inner-wrapper, .card-4650.card-columns-2.width-2 .main-content .inner-wrapper, .card-4650.card-columns-1.width-1 .main-content .inner-wrapper { width: 70%; height: 100%; } .card-4650.card-columns-4.width-4 .main-content .headline, .card-4650.card-columns-4.width-3 .main-content .headline, .card-4650.card-columns-3.width-3 .main-content .headline, .card-4650.card-columns-2.width-2 .main-content .headline, .card-4650.card-columns-1.width-1 .main-content .headline { width: 30%; display: flex; align-items: center; } } .card-4651 { display: inline-block; isolation: isolate; position: relative; border: 0; overflow: hidden; } .card-4651 * { box-sizing: border-box; } .card-4651 .main-content .details {font-family: acumin-pro, sans-serif;color: #ffffff;font-size: 15px;line-height: 22.5px;font-weight: 300;} .card-4651 .overlay .button { width: fit-content; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateX(-8px); transition: all .5s ease-out; } .card-4651 .main-content { flex: 1 1 auto; display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; } .card-4651 .main-content .inner-wrapper { width: 100%; } .card-4651 .main-content .inner-wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(0,70,127,0.8); transition: all 0.25s ease-in-out; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; } .card-4651 .main-content:hover .inner-wrapper .overlay { opacity: 1; visibility: visible; } .card-4651 .main-content:hover .overlay .button { opacity: 1; visibility: visible; transform: translateX(0); } .card-4651 .main-content:hover .details { background: transparent; } .card-4651 .main-content .headline { width: 100%; } .card-4651 .inner-wrapper { position: relative; height: 280px; position: relative; } .card-4651 .main-content .background { position: absolute; inset: 0; z-index: 1; overflow: hidden; } .card-4651 .main-content .background img { width: 100%; height: 100%; object-fit: cover; transform-origin: 50% 30%; } .card-4651 .main-content .details { position: absolute; width: 100%; z-index: 2; background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);; height: 20%; bottom: 0; left: 0; right: 0; display: flex; align-items: center; padding: 0 24px; } .card-4651 .main-content .headline-wrapper { padding: 24px; background-color: #ffffff; display: flex; flex: 1 1 auto; } .card-4651 .main-content .headline { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (min-width: 640px) { .card-4651 .inner-wrapper { height: 241px; } } @media only screen and (min-width: 980px) { .card-4651 .inner-wrapper { height: 305px; } } @media only screen and (min-width:1200px){ .card-4651 a .main-content .headline { padding: 32px 24px; } .card-4651.card-columns-4.width-4 .main-content, .card-4651.card-columns-4.width-3 .main-content, .card-4651.card-columns-3.width-3 .main-content, .card-4651.card-columns-2.width-2 .main-content, .card-4651.card-columns-1.width-1 .main-content { min-height: 305px; flex-direction: row; } .card-4651.card-columns-4.width-4 .main-content .inner-wrapper, .card-4651.card-columns-4.width-3 .main-content .inner-wrapper, .card-4651.card-columns-3.width-3 .main-content .inner-wrapper, .card-4651.card-columns-2.width-2 .main-content .inner-wrapper, .card-4651.card-columns-1.width-1 .main-content .inner-wrapper { width: 70%; height: 100%; } .card-4651.card-columns-4.width-4 .main-content .headline, .card-4651.card-columns-4.width-3 .main-content .headline, .card-4651.card-columns-3.width-3 .main-content .headline, .card-4651.card-columns-2.width-2 .main-content .headline, .card-4651.card-columns-1.width-1 .main-content .headline { width: 30%; display: flex; align-items: center; } } .card-5330 { display: inline-block; background: white; isolation: isolate; position: relative; box-sizing: border-box; } .card-5330 * { box-sizing: border-box; } .card-5330 a { display: block; text-decoration: none; } .card-5330 .main-content { position: relative; display: flex; flex-direction: column; background-color: #f6f9fb; } .card-5330 .main-content .card-image { position: relative; overflow: hidden; width: 100%; aspect-ratio: 1/1; } .card-5330 .main-content .details { width: 100%; } .card-5330 .main-content .card-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .card-5330 .main-content .overlay { position: absolute; inset: 0; z-index: 1; opacity: 0; visibility: hidden; display: flex; justify-content: center; align-items: center; background: rgba(0,70,127,0.8); transition: all .25s ease-in-out; } .card-5330 .main-content .overlay .button { transform: translateX(-16px); transition: all .5s ease-in-out; } .card-5330 .main-content:hover .overlay { opacity: 1; visibility: visible; } .card-5330 .main-content:hover .overlay .button { transform: translateX(0); } .card-5330 .main-content .details { position: relative; padding: 32px 24px; display: flex; flex-direction: column; } .card-5330 .main-content .details .additional { flex-grow: 1; display: flex; flex-direction: column; } .card-5330 .main-content .details .name { margin-bottom: 24px; } .card-5330 .main-content .details .email-location { margin-top: 48px; } .card-5330 .main-content .details .email { display: flex; gap: 8px; align-items: center; } .card-5330 .main-content .details .email .icon { font-size: 14px; color: #4d4d4f; line-height: 1; } .card-5330 .main-content .details .location { margin-top: 8px; display: flex; gap: 8px; align-items: center; } .card-5330 .main-content .details .location .icon { font-size: 14px; color: #666; line-height: 1; } @media only screen and (min-width: 980px) { .card-5330 .main-content { flex-direction: row-reverse; } .card-5330 .main-content .card-image { max-width: 264px; } .card-5330 .main-content .details { padding: 32px; max-width: calc(100% - 264px) } } @media only screen and (min-width: 1200px) { .card-5330.card-columns-4.width-1 .main-content { flex-direction: column; } .card-5330.card-columns-4.width-3 .main-content { height: 100%; } .card-5330.card-columns-4.width-3 .main-content .card-image { max-width: 100%; height: 100%; } .card-5330.card-columns-4.width-1 .main-content .card-image, .card-5330.card-columns-4.width-1 .main-content .details { max-width: 100%; } .card-5330 .main-content .details .email-location { margin-top: auto; } } .card-7175 * { box-sizing: border-box; } .card-7175 a { text-decoration: none; overflow: hidden; display: flex; flex-direction: column; height: 100%; width: 100%; } .card-7175 a .image { position: relative; display: flex; width: 100%; height: 239px; overflow: hidden; isolation: isolate; } .card-7175 { & .additional { display: flex; align-items: center; & .property-attributes { border-right: 1px solid #4d4d4f; padding-right: 16px; } & .price { padding-left: 16px; } } } @media only screen and (min-width: 640px) { .card-7175 a .image { height: 242px; } } @media only screen and (min-width: 980px) { .card-7175 a .image { height: 383px; } } .card-7175 a .image { & img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } &:hover .overlay{ opacity: 1; visibility: visible; & .view-button { transform: translate(-50%, -50%); } } } .card-7175 a .image .overlay { position: absolute; opacity: 0; visibility: hidden; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,70,127,0.8); top: 0; left: 0; transition: all .2s ease-in-out; & .view-button { position: absolute; left: 50%; top: 50%; transform: translate(-60%, -50%); transition: all .35s ease-in-out; } } .card-7175 a .details { position: relative; padding: 32px 24px; background-color: #f6f9fb; } .card-7175 a .details .listing-address { margin-bottom: 16px; } .card-7175 a .details .street-address, .card-7175 a .details .suburb, .card-7175 a .details .additional .property-attributes, .card-7175 a .details .additional .price { transition: all 1s; } .card-7175 a .details .additional .property-attributes { display: flex; align-items: center; } .card-7175 a .details .additional .property-attributes .bed-bath-car { display: flex; align-items: center; } .card-7175 .bed-bath-car .value-wrapper { display: flex; align-items: center; } .card-7175 .bed-bath-car .icon:before { font-size: 14px; } .card-7175 .bed-bath-car { display: flex; flex-direction: row; gap: 8px } @media only screen and (min-width:1200px) { .card-7175 a { min-height: 384px; } .card-7175.width-3 a .details, .card-7175.width-4 a .details { width: 100%; display: flex; align-items: center; } .card-7175.width-3 a { flex-direction: row; } .card-7175.width-3 a .image { width: 100%; max-width: 70%; } .card-7175.width-3 a .details { width: 100%; max-width: 30%; } .card-7175.card-columns-4.width-3 a .image { height: 100%; } .card-7175 { &.card-columns-4.width-4, &.card-columns-4.width-3, &.card-columns-4.width-1, &.card-columns-3.width-3, &.card-columns-2.width-2, &.card-columns-1.width-1 { & .additional { flex-direction: column; align-items: flex-start; & .property-attributes { padding-right: 0; border-right: 0; } & .price { padding-left: 0; } } } } .card-7175.card-columns-1.width-1 a { flex-direction: row; } .card-7175.card-columns-1.width-1 a .image { width: 100%; max-width: 76%; min-height: 380px } .card-7175.card-columns-1.width-1 a .details { width: 100%; display: flex; max-width: 24%; align-items: center; } .card-7175.card-columns-2.width-2 a { flex-direction: row; } .card-7175.card-columns-2.width-2 a .image { width: 100%; max-width: 76%; min-height: 380px } .card-7175.card-columns-2.width-2 a .details { width: 100%; display: flex; max-width: 24%; align-items: center; } .card-7175.card-columns-3.width-3 a { flex-direction: row; } .card-7175.card-columns-3.width-3 a .image { width: 100%; max-width: 76%; min-height: 380px } .card-7175.card-columns-3.width-3 a .details { width: 100%; display: flex; max-width: 24%; align-items: center; } .card-7175.card-columns-4.width-4 a { flex-direction: row; } .card-7175.card-columns-4.width-4 a .image { width: 100%; max-width: 76%; min-height: 380px } .card-7175.card-columns-4.width-4 a .details { width: 100%; display: flex; max-width: 24%; align-items: center; } } .card-7406 * { box-sizing: border-box; } .card-7406 a { text-decoration: none; overflow: hidden; display: flex; flex-direction: column; height: 100%; width: 100%; } .card-7406 a .image { position: relative; display: flex; width: 100%; height: 239px; overflow: hidden; isolation: isolate; } .card-7406 { & .additional { display: flex; align-items: center; & .property-attributes { border-right: 1px solid #4d4d4f; padding-right: 16px; } & .price { padding-left: 16px; } } } @media only screen and (min-width: 640px) { .card-7406 a .image { height: 242px; } } @media only screen and (min-width: 980px) { .card-7406 a .image { height: 383px; } } .card-7406 a .image { & img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } &:hover .overlay{ opacity: 1; visibility: visible; & .view-button { transform: translate(-50%, -50%); } } } .card-7406 a .image .overlay { position: absolute; opacity: 0; visibility: hidden; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,70,127,0.8); top: 0; left: 0; transition: all .2s ease-in-out; & .view-button { position: absolute; left: 50%; top: 50%; transform: translate(-60%, -50%); transition: all .35s ease-in-out; } } .card-7406 a .details { position: relative; padding: 32px 24px; background-color: #f6f9fb; } .card-7406 a .details .listing-address { margin-bottom: 16px; } .card-7406 a .details .street-address, .card-7406 a .details .suburb, .card-7406 a .details .additional .property-attributes, .card-7406 a .details .additional .price { transition: all 1s; } .card-7406 a .details .additional .property-attributes { display: flex; align-items: center; } .card-7406 a .details .additional .property-attributes .bed-bath-car { display: flex; align-items: center; } .card-7406 .bed-bath-car .value-wrapper { display: flex; align-items: center; } .card-7406 .bed-bath-car .icon:before { font-size: 14px; } .card-7406 .bed-bath-car { display: flex; flex-direction: row; gap: 8px } @media only screen and (min-width:1200px) { .card-7406 a { min-height: 384px; } .card-7406.width-3 a .details, .card-7406.width-4 a .details { width: 100%; display: flex; align-items: center; } .card-7406.width-3 a { flex-direction: row; } .card-7406.width-3 a .image { width: 100%; max-width: 70%; } .card-7406.width-3 a .details { width: 100%; max-width: 30%; } .card-7406.card-columns-4.width-3 a .image { height: 100%; } .card-7406 { &.card-columns-4.width-4, &.card-columns-4.width-3, &.card-columns-4.width-1, &.card-columns-3.width-3, &.card-columns-2.width-2, &.card-columns-1.width-1 { & .additional { flex-direction: column; align-items: flex-start; & .property-attributes { padding-right: 0; border-right: 0; } & .price { padding-left: 0; } } } } .card-7406.card-columns-1.width-1 a { flex-direction: row; } .card-7406.card-columns-1.width-1 a .image { width: 100%; max-width: 76%; min-height: 380px } .card-7406.card-columns-1.width-1 a .details { width: 100%; display: flex; max-width: 24%; align-items: center; } .card-7406.card-columns-2.width-2 a { flex-direction: row; } .card-7406.card-columns-2.width-2 a .image { width: 100%; max-width: 76%; min-height: 380px } .card-7406.card-columns-2.width-2 a .details { width: 100%; display: flex; max-width: 24%; align-items: center; } .card-7406.card-columns-3.width-3 a { flex-direction: row; } .card-7406.card-columns-3.width-3 a .image { width: 100%; max-width: 76%; min-height: 380px } .card-7406.card-columns-3.width-3 a .details { width: 100%; display: flex; max-width: 24%; align-items: center; } .card-7406.card-columns-4.width-4 a { flex-direction: row; } .card-7406.card-columns-4.width-4 a .image { width: 100%; max-width: 76%; min-height: 380px } .card-7406.card-columns-4.width-4 a .details { width: 100%; display: flex; max-width: 24%; align-items: center; } } .card-7407 { display: inline-block; background: white; isolation: isolate; position: relative; box-sizing: border-box; } .card-7407 * { box-sizing: border-box; } .card-7407 a { display: block; text-decoration: none; } .card-7407 .main-content { position: relative; display: flex; flex-direction: column; background-color: #f6f9fb; } .card-7407 .main-content .card-image { position: relative; overflow: hidden; width: 100%; aspect-ratio: 1/1; } .card-7407 .main-content .details { width: 100%; } .card-7407 .main-content .card-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .card-7407 .main-content .overlay { position: absolute; inset: 0; z-index: 1; opacity: 0; visibility: hidden; display: flex; justify-content: center; align-items: center; background: rgba(0,70,127,0.8); transition: all .25s ease-in-out; } .card-7407 .main-content .overlay .button { transform: translateX(-16px); transition: all .5s ease-in-out; } .card-7407 .main-content:hover .overlay { opacity: 1; visibility: visible; } .card-7407 .main-content:hover .overlay .button { transform: translateX(0); } .card-7407 .main-content .details { position: relative; padding: 32px 24px; display: flex; flex-direction: column; } .card-7407 .main-content .details .additional { flex-grow: 1; display: flex; flex-direction: column; } .card-7407 .main-content .details .name { margin-bottom: 24px; } .card-7407 .main-content .details .email-location { margin-top: 48px; } .card-7407 .main-content .details .email { display: flex; gap: 8px; align-items: center; } .card-7407 .main-content .details .email .icon { font-size: 14px; color: #4d4d4f; line-height: 1; } .card-7407 .main-content .details .location { margin-top: 8px; display: flex; gap: 8px; align-items: center; } .card-7407 .main-content .details .location .icon { font-size: 14px; color: #666; line-height: 1; } @media only screen and (min-width: 980px) { .card-7407 .main-content { flex-direction: row-reverse; } .card-7407 .main-content .card-image { max-width: 264px; } .card-7407 .main-content .details { padding: 32px; max-width: calc(100% - 264px) } } @media only screen and (min-width: 1200px) { .card-7407.card-columns-4.width-1 .main-content { flex-direction: column; } .card-7407.card-columns-4.width-3 .main-content { height: 100%; } .card-7407.card-columns-4.width-3 .main-content .card-image { max-width: 100%; height: 100%; } .card-7407.card-columns-4.width-1 .main-content .card-image, .card-7407.card-columns-4.width-1 .main-content .details { max-width: 100%; } .card-7407 .main-content .details .email-location { margin-top: auto; } } [class*="widget-"] .container > div { opacity: 0; transform: translateY(40px); } [class*="widget-"] .container.active > div { transition: opacity 1s, transform 1.5s; transform: translateY(0); opacity: 1; } @keyframes animateFadeIn { from { opacity:0; } to { opacity:1; } } body.social-media-share-overflow { overflow: hidden; } .global-share-button[data-global-social-media-toggle="share"] { background: none; border: none; cursor: pointer; transition: ease-in-out 0.25s; } .global-share-button[data-global-social-media-toggle="share"]:hover { opacity: 0.7; } #social-media-share-modal.modal-container { display: none; position: fixed; inset: 0; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.7); z-index: 10; animation: animateFadeIn .3s; } #social-media-share-modal.modal-container .modal { position: relative; display: flex; flex-direction: column; padding: 24px; height: 100%; width: 100%; box-sizing: border-box; background-color: white; } @media only screen and (min-width:640px) { #social-media-share-modal.modal-container .modal { max-height: 430px; max-width: 360px; height: 100%; width: 100%; background-color: white; box-shadow: 0px 3px 6px #0000004D; border-radius: 6px; } } #social-media-share-modal.modal-container .modal .close { display: flex; justify-content: flex-end; width: 100%; color: #000; font-size: 16px; } #social-media-share-modal.modal-container .modal .close span { cursor: pointer; transition: ease-in-out 0.25s; } #social-media-share-modal.modal-container .modal .heading { padding: 16px 0 32px; width: 100%; font-size: 22px; color: #000; text-align: center; } #social-media-share-modal.modal-container .modal .links {display: grid;column-gap: 16px;row-gap: 32px;grid-template-columns: repeat(2, 1fr); }@media only screen and (max-width:1200px) {#social-media-share-modal.modal-container .modal .links {grid-template-columns: repeat(2, 1fr);}}@media only screen and (max-width:980px) {#social-media-share-modal.modal-container .modal .links {grid-template-columns: repeat(2, 1fr);}}@media only screen and (max-width:640px) {#social-media-share-modal.modal-container .modal .links {grid-template-columns: repeat(2, 1fr);}} #social-media-share-modal.modal-container .modal .links .link { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 16px; text-decoration: none; } #social-media-share-modal.modal-container .modal .links button.link { background: none; border: none; cursor: pointer; } #social-media-share-modal.modal-container .modal .links .link .badge { font-size: 20px; height: 48px; width: 48px; display: flex; justify-content: center; align-items: center; border-radius: 100%; transition: ease-in-out 0.25s; } #social-media-share-modal.modal-container .modal .links .link .badge span { display: flex; justify-content: center; align-items: center; } #social-media-share-modal.modal-container .modal .links .link .text { margin-top: 16px; font-size: 17px; font-family: inherit; color: #000; } #social-media-share-modal.modal-container .modal .copy-success { display: none; animation: animateFadeIn .2s; background-color: #fff; box-shadow: 0px 3px 6px #0000002E; border-radius: 3px; position: absolute; margin-top: 32px; left: 50%; transform: translateX(-50%); } @media only screen and (min-width:640px) { #social-media-share-modal.modal-container .modal .copy-success { margin-top: 0; bottom: 24px; } } #social-media-share-modal.modal-container .modal .copy-success .badge { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; padding: 4px; color: white; background-color: #8dc63e; border-radius: 3px 0 0 3px; } #social-media-share-modal.modal-container .modal .copy-success .badge span { font-size: 20px; } #social-media-share-modal.modal-container .modal .links .link.facebook .badge { background-color: #1877F2; } #social-media-share-modal.modal-container .modal .links .link.twitter .badge { background-color: #1DA1F2; } #social-media-share-modal.modal-container .modal .links .link.email .badge { background-color: #FF8000; } #social-media-share-modal.modal-container .modal .links .link.copy .badge { background-color: #1AAFA3; } #social-media-share-modal.modal-container .modal .links .link .badge, #social-media-share-modal.modal-container .modal .links .link .badge span { color: #fff; } #social-media-share-modal.modal-container.active { display: flex; } #social-media-share-modal.modal-container .modal .close:hover span { opacity: 0.7; } #social-media-share-modal.modal-container .modal .links .link .badge:hover { opacity: 0.7; } #social-media-share-modal.modal-container .modal .copy-success.active { display: flex; } body.global-search-filters-active { overflow-y: hidden; } #global-search-filters { display: none; z-index: 3000000000; } #global-search-filters.active { position: relative; display: block; } @keyframes animateFadeIn { from { opacity:0; } to { opacity:1; } } #global-search-filters { animation: animateFadeIn .3s; } .global-search-filters-athens input[type=text], .global-search-filters-athens input[type=submit], .global-search-filters-athens input[type=password], .global-search-filters-athens input[type=number], .global-search-filters-athens input[type=mobile], .global-search-filters-athens input[type=tel], .global-search-filters-athens textarea, .global-search-filters-athens label, .global-search-filters-athens button, .global-search-filters-athens select { font-family: inherit; } .global-search-filters-athens * { box-sizing: border-box; } .global-search-filters-athens .commercial { display: none; } .global-search-filters-athens { display: flex; justify-content: flex-end; width: 100%; height: 100%; height: 100dvh; position: fixed; inset: 0; z-index: 10; isolation: isolate; } .global-search-filters-athens .global-search-filter-toggle { width: 100%; height: 100%; position: fixed; inset: 0; z-index: 1; } .global-search-filters-athens form { width: 100%; border-radius: 0; z-index: 2; } @media only screen and (min-width:640px) { .global-search-filters-athens form { max-width: 480px; margin: 24px; border-radius: 10px; } } .global-search-filters-athens form .form-container { display: flex; flex-direction: column; align-items: center; height: 100%; } .global-search-filters-athens form .form-container .filters-section-one, .global-search-filters-athens form .form-container .filters-section-two, .global-search-filters-athens form .form-container .filters-section-three .section-wrapper { width: 100%; } .global-search-filters-athens form .form-container .filters-section-one { display: flex; justify-content: space-between; align-items: center; padding: 16px 32px 32px; } .global-search-filters-athens form .form-container .filters-section-one .sale-method { position: relative; display: flex; align-items: center; } .global-search-filters-athens form .form-container .filters-section-one .sale-method .select-wrapper { position: relative; display: flex; align-items: center; } .global-search-filters-athens form .form-container .filters-section-one .sale-method .select-wrapper select { padding-right: 24px; border-radius: 0; background-color: rgba(0,0,0,0); line-height: 44px; z-index: 1; outline: none; } .global-search-filters-athens form .form-container .filters-section-one .sale-method .select-wrapper .widget-icon-chevron_down { position: absolute; right: 0; display: flex; align-items: center; justify-content: center; } .global-search-filters-athens form .form-container .filters-section-one .sale-method .select-icon:before { position: absolute; right: 0; } .global-search-filters-athens form .form-container .filters-section-one .sale-method select { height: 44px; padding: 0; border: 0; font-size: 25px; font-weight: 600; text-decoration: underline; text-underline-offset: 8px; cursor: pointer; } .global-search-filters-athens form .form-container .filters-section-one .sale-method label { padding-left: 8px; font-size: 25px; font-weight: 600; } .global-search-filters-athens form .form-container .filters-section-one .modal-interact { background: none; border: none; cursor: pointer; text-decoration: none; transition: ease-in-out 0.25s; } .global-search-filters-athens form .form-container .filters-section-one .modal-interact:hover { opacity: 0.5; } .global-search-filters-athens form .form-container .filters-section-two { padding-top: 24px; } .global-search-filters-athens form .form-container .filters-section-two, .global-search-filters-athens form .form-container .filters-section-three .section-wrapper { padding: 16px 32px; } .global-search-filters-athens form .form-container .filters-section-two { height: 100%; overflow: auto; } .global-search-filters-athens form .form-container .filters-section-three { display: flex; justify-content: center; width: 100%; border-top: 1px solid; } .global-search-filters-athens form .form-container .filters-section-three .section-wrapper { display: flex; align-items: center; justify-content: flex-end; height: 80px; } .global-search-filters-athens form .form-container .filters-section-two .sub-heading, .global-search-filters-athens form .form-container .filters-section-two .price-label, .global-search-filters-athens form .form-container .filters-section-two .price-label { font-size: 15px; font-weight: 600; } .global-search-filters-athens form .form-container .filters-section-two .suburb-filters { display: flex; flex-direction: column; padding-bottom: 40px; } .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .sub-heading { margin-bottom: 16px; } .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .search { height: 48px; width: 100%; border-radius: 3px; border: 1px solid; } .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .search, .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .search::placeholder { font-size: 15px; } .global-search-filters-athens .suburb-filters .search-container { position: relative; } .global-search-filters-athens .search-results { display: none; position: absolute; z-index: 2; bottom: 1px; left: 1px; right: 1px; height: 0; } .global-search-filters-athens .search-results .results-list { position: absolute; display: flex; flex-direction: column; width: 100%; } .global-search-filters-athens .search-results.active { display: flex; } .global-search-filters-athens .search-results .result { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px; border: none; cursor: pointer; transition: ease-in-out 0.25s; } .global-search-filters-athens .search-results .result .icon { display: flex; justify-content: center; align-items: center; font-size: 18px; height: 36px; width: 36px; border-radius: 50%; } .global-search-filters-athens .suburb-filters .display-results { display: flex; flex-wrap: wrap; column-gap: 8px; row-gap: 16px; min-height: 44px; margin-top: 16px; padding: 8px; border-radius: 3px; } .global-search-filters-athens .suburb-filters .display-results .result { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; font-size: 15px; font-weight: 600; border: 1px solid; border-radius: 18px; cursor: pointer; transition: ease-in-out 0.25s; } .global-search-filters-athens .suburb-filters .display-results .result .icon:before { font-size: 10px; } .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .surrounding-suburbs-container { display: flex; align-items: center; margin-top: 16px; } .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .surrounding-suburbs-container label { font-size: 13px; } .global-search-filters-athens form .form-container .radiobutton-style-1 label, .global-search-filters-athens form .form-container .checkbox-style-1 label { display: flex; justify-content: center; align-items: center; cursor: pointer; } .global-search-filters-athens form .form-container .radiobutton-style-1 label:before, .global-search-filters-athens form .form-container .checkbox-style-1 label:before { font-size: 10px; } .global-search-filters-athens form .form-container .radiobutton-style-1 input, .global-search-filters-athens form .form-container .checkbox-style-1 input { position: absolute; opacity: 0; height: 0; width: 0; } .global-search-filters-athens form .form-container .radiobutton-style-1 label:before, .global-search-filters-athens form .form-container .checkbox-style-1 label:before { display: flex !important; justify-content: center; align-items: center; height: 20px; width: 20px; margin-right: 16px; border: 1px solid; border-radius: 2px; transition: ease-in-out 0.25s; } .global-search-filters-athens form .form-container .filters-section-one .sale-method { gap: 32px; } .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 { position: relative; } .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 label { position: relative; display: flex; justify-content: center; align-items: center; padding: 0 0 8px; border-bottom: 2px solid; font-size: 25px; cursor: pointer; transition: ease-in-out 0.25s; } .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 input { position: absolute; opacity: 0; inset: 0; width: 0; height: 0; } .global-search-filters-athens form .form-container .filters-section-two .addition-requirements, .global-search-filters-athens form .form-container .filters-section-two .categories { display: flex; flex-direction: column; padding-bottom: 40px; } .global-search-filters-athens form .form-container .filters-section-two .addition-requirements .sub-heading, .global-search-filters-athens form .form-container .filters-section-two .categories .sub-heading { padding-bottom: 16px; } .global-search-filters-athens form .form-container .filters-section-two .addition-requirements .radio-buttons, .global-search-filters-athens form .form-container .filters-section-two .categories .radio-buttons { display: flex; flex-wrap: wrap; gap: 16px; width: 100%; } .global-search-filters-athens form .form-container .filters-section-two .categories .radio-buttons .radiobutton-style-1, .global-search-filters-athens form .form-container .filters-section-two .addition-requirements .radio-buttons .checkbox-style-1 { display: flex; } .global-search-filters-athens form .form-container .filters-section-two .categories .radio-buttons .radiobutton-style-1 { width: calc(50% - 16px); } .global-search-filters-athens form .form-container .filters-section-two .addition-requirements .radio-buttons .checkbox-style-1 { width: 100%; } @media only screen and (min-width:640px) { .global-search-filters-athens form .form-container .filters-section-two .addition-requirements .radio-buttons .checkbox-style-1 { width: calc(50% - 16px); } } .global-search-filters-athens form .form-container .filters-section-two .addition-requirements .radio-buttons .checkbox-style-1 label, .global-search-filters-athens form .form-container .filters-section-two .categories .radio-buttons .radiobutton-style-1 label { font-size: 14px; } .global-search-filters-athens form .form-container .filters-section-two .select-wrapper { display: grid; grid-template-columns: repeat(1, 1fr); } .global-search-filters-athens form .form-container .filters-section-two .select-style-1, .global-search-filters-athens form .form-container .filters-section-two .radio-filters { display: flex; width: 100%; margin-bottom: 32px; } .global-search-filters-athens form .form-container .filters-section-two .select-wrapper .select-style-1 { flex-direction: column; } .global-search-filters-athens form .form-container .filters-section-two .select-wrapper .select-style-1 .sub-heading { margin-bottom: 16px; } .global-search-filters-athens form .form-container .filters-section-two .select-wrapper .select-style-1 label { position: relative; width: 100%; } @media only screen and (min-width:640px) { .global-search-filters-athens form .form-container .filters-section-two .select-wrapper .select-style-1 { flex-direction: row; } .global-search-filters-athens form .form-container .filters-section-two .select-wrapper .select-style-1 .sub-heading { margin-bottom: 0; } .global-search-filters-athens form .form-container .filters-section-two .select-wrapper .select-style-1 label { width: 60%; } } .global-search-filters-athens form .form-container .filters-section-two .select-style-1 .sub-heading, .global-search-filters-athens form .form-container .filters-section-two .radio-filters .sub-heading { display: flex; align-items: center; width: 40%; } .global-search-filters-athens form .form-container .filters-section-two .select-style-1 .sub-heading { display: flex; align-items: center; } .global-search-filters-athens form .form-container .filters-section-two .select-style-1 select { padding-right: 16px; width: 100%; cursor: pointer; } .global-search-filters-athens form .form-container .filters-section-two .select-style-1 label:before { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); font-size: 10px; } .global-search-filters-athens form .form-container .filters-section-two .select-style-1 select { height: 40px; border: 1px solid; border-radius: 3px; font-size: 14px; } .global-search-filters-athens form .form-container .filters-section-two .radio-wrapper { display: grid; grid-template-columns: repeat(1, 1fr); } .global-search-filters-athens form .form-container .filters-section-two .radio-filters .radio-labels { display: flex; justify-content: space-between; width: 60%; } .global-search-filters-athens form .form-container .filters-section-two .radio-wrapper .radio-filters { flex-direction: column; } .global-search-filters-athens form .form-container .filters-section-two .radio-wrapper .radio-filters .sub-heading { margin-bottom: 16px; } .global-search-filters-athens form .form-container .filters-section-two .radio-wrapper .radio-filters .radio-labels { width: 100%; } @media only screen and (min-width:640px) { .global-search-filters-athens form .form-container .filters-section-two .radio-wrapper .radio-filters { flex-direction: row; } .global-search-filters-athens form .form-container .filters-section-two .radio-wrapper .radio-filters .sub-heading { margin-bottom: 0; } .global-search-filters-athens form .form-container .filters-section-two .radio-wrapper .radio-filters .radio-labels { width: 60%; } } .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 { position: relative; aspect-ratio: 1; width: 42px; height: 42px; } .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 label { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; padding: 0 8px; border: 1px solid; border-radius: 50%; font-size: 14px; cursor: pointer; transition: ease-in-out 0.25s; } .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 input { position: absolute; opacity: 0; inset: 0; width: 0; height: 0; } .global-search-filters-athens form .form-container .filters-section-two .more { display: flex; justify-content: center; align-items: center; position: relative; font-weight: 600; font-size: 15px; text-decoration: none; transition: ease-in-out 0.25s; border: unset; padding: 0; margin-bottom: 24px; cursor: pointer; } .global-search-filters-athens form .form-container .filters-section-two .more:before { position: absolute; top: 50%; right: -16px; transform: translateY(-50%); font-size: 10px; } .global-search-filters-athens form .form-container .filters-section-two .more.active:before { transform: translateY(-50%) rotateX(-180deg); } .global-search-filters-athens form .form-container .filters-section-two .more:hover { opacity: 0.5; } .global-search-filters-athens form .form-container .filters-section-two .fields-fold { display: none; } .global-search-filters-athens form .form-container .filters-section-two .fields-fold.active { display: flex; flex-direction: column; } .global-search-filters-athens form .filters-section-three .clear { font-weight: 600; font-size: 15px; text-decoration: none; transition: ease-in-out 0.25s; } .global-search-filters-athens form .filters-section-three .clear:hover { opacity: 0.5; } .global-search-filters-athens form .filters-section-three .submit { display: flex; justify-content: center; align-items: center; height: 40px; padding: 0 16px; font-weight: 600; font-size: 15px; border-radius: 25px; border: 1px solid; transition: ease-in-out 0.25s; cursor: pointer; } .global-search-filters-athens { background-color: rgba(0,0,0,0.5); } .global-search-filters-athens form { box-shadow: 0px 3px 6px #00000029; } .global-search-filters-athens form .form-container .filters-section-one .sale-method .select-wrapper select option { color: #000000; } .global-search-filters-athens form, .global-search-filters-athens form .form-container .radiobutton-style-1 label:before, .global-search-filters-athens form .form-container .checkbox-style-1 label:before, .global-search-filters-athens form .form-container .filters-section-two .more, .global-search-filters-athens form .form-container .filters-section-one .sale-method select, .global-search-filters-athens form .form-container .filters-section-two .select-style-1 select, .global-search-filters-athens form .filters-section-three .submit:hover, .global-search-filters-athens .search-results .result .icon, .global-search-filters-athens .suburb-filters .display-results .result { background-color: #ffffff; } .global-search-filters-athens form .form-container .radiobutton-style-1 label:before, .global-search-filters-athens form .form-container .checkbox-style-1 label:before, .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 label:hover, .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 input:checked ~ label, .global-search-filters-athens form .filters-section-three .submit, .global-search-filters-athens .suburb-filters .display-results .result:hover { color: #ffffff; } .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 label, .global-search-filters-athens form .filters-section-three .submit:hover { border-color: #ffffff; } .global-search-filters-athens .suburb-filters .display-results .result { border-color: #606060; } .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .surrounding-suburbs-container label, .global-search-filters-athens form .form-container .filters-section-two .property-type .radio-buttons .checkbox-style-1 label, .global-search-filters-athens form .form-container .filters-section-two .categories .radio-buttons .radiobutton-style-1 label, .global-search-filters-athens form .form-container .filters-section-two .select-style-1 select, .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 label, .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .search { color: #606060; } .global-search-filters-athens form .form-container .filters-section-one .sale-method .select-wrapper .widget-icon-chevron_down, .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 label:hover, .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 input:checked ~ label, .global-search-filters-athens form .form-container .filters-section-one .sale-method select, .global-search-filters-athens form .form-container .filters-section-one .modal-interact, .global-search-filters-athens form .form-container .filters-section-two .sub-heading, .global-search-filters-athens form .form-container .filters-section-two .price-label, .global-search-filters-athens form .form-container .filters-section-two .price-label, .global-search-filters-athens form .form-container .filters-section-two .more, .global-search-filters-athens form .filters-section-three .clear, .global-search-filters-athens form .filters-section-three .submit:hover, .global-search-filters-athens .search-results .result, .global-search-filters-athens .search-results .result .icon, .global-search-filters-athens .suburb-filters .display-results .result { color: #000000; } .global-search-filters-athens form .form-container .radiobutton-style-1 input:checked ~ label:before, .global-search-filters-athens form .form-container .checkbox-style-1 input:checked ~ label:before, .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 label:hover, .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 input:checked ~ label, .global-search-filters-athens form .filters-section-three .submit, .global-search-filters-athens .suburb-filters .display-results .result:hover { background-color: #000000; } .global-search-filters-athens form .form-container .radiobutton-style-1 input:checked ~ label:before, .global-search-filters-athens form .form-container .checkbox-style-1 input:checked ~ label:before, .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 label:hover, .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 input:checked ~ label, .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 label:hover, .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 input:checked ~ label, .global-search-filters-athens form .filters-section-three .submit { border-color: #000000; } .global-search-filters-athens form .form-container .filters-section-three, .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .search, .global-search-filters-athens form .form-container .radiobutton-style-1 label:before, .global-search-filters-athens form .form-container .checkbox-style-1 label:before, .global-search-filters-athens form .form-container .filters-section-two .select-style-1 select, .global-search-filters-athens form .form-container .filters-section-two .radiobutton-style-2 label { border-color:#C4C4C4; } .global-search-filters-athens form .form-container .filters-section-two .suburb-filters .search::placeholder { color:#C4C4C4; } .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 label { color: #959595; } .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 label:hover, .global-search-filters-athens form .form-container .filters-section-one .radiobutton-style-3 input:checked ~ label { border-color: #333333; } .global-search-filters-athens .search-results .results-list { background-color: #333333; } .global-search-filters-athens .search-results .result { background-color: rgba(255,255,255,0.8); } .global-search-filters-athens .search-results .result:hover { background-color: rgba(255,255,255,0.6); } .global-search-filters-athens .suburb-filters .display-results { background-color: #ffffff; } .global-search-filters-athens.Left { justify-content: flex-start; } .global-search-filters-athens.Right { justify-content: flex-end; } .global-search-filters-athens.Center, .global-search-filters-athens.Fullscreen { justify-content: center; } @media only screen and (min-width:640px) { .global-search-filters-athens.Left form, .global-search-filters-athens.Right form { max-width: 480px; margin: 24px; } .global-search-filters-athens.Center form { max-width: 900px; margin: 24px; } .global-search-filters-athens.Fullscreen form { max-width: 100%; margin: 0; } } .global-search-filters-athens.Fullscreen form .form-container .filters-section-one, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two, .global-search-filters-athens.Fullscreen form .form-container .filters-section-three .section-wrapper { max-width: 900px; } @media only screen and (min-width:640px) { .global-search-filters-athens.Center form .form-container .filters-section-two .categories .radio-buttons, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .categories .radio-buttons { flex-wrap: nowrap; max-width: 550px; } .global-search-filters-athens.Center form .form-container .filters-section-two .categories .radio-buttons .radiobutton-style-1, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .categories .radio-buttons .radiobutton-style-1 { width: calc(25% - 16px); } .global-search-filters-athens.Left form .form-container .filters-section-two .addition-requirements .radio-buttons, .global-search-filters-athens.Left form .form-container .filters-section-two .categories .radio-buttons, .global-search-filters-athens.Right form .form-container .filters-section-two .addition-requirements .radio-buttons, .global-search-filters-athens.Right form .form-container .filters-section-two .categories .radio-buttons { display: flex; flex-wrap: wrap; gap: 16px; width: 100%; } .global-search-filters-athens.Left form .form-container .filters-section-two .categories .radio-buttons .radiobutton-style-1, .global-search-filters-athens.Right form .form-container .filters-section-two .categories .radio-buttons .radiobutton-style-1 { width: calc(50% - 16px); } .global-search-filters-athens.Center form .form-container .filters-section-two .select-wrapper, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .select-wrapper { grid-template-columns: repeat(2, 1fr); column-gap: 56px; max-width: 550px; } .global-search-filters-athens.Left form .form-container .filters-section-two .select-wrapper, .global-search-filters-athens.Right form .form-container .filters-section-two .select-wrapper { display: grid; grid-template-columns: repeat(1, 1fr); max-width: 100%; } .global-search-filters-athens.Center form .form-container .filters-section-two .radio-wrapper, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .radio-wrapper { grid-template-columns: repeat(3, 1fr); gap: 56px; } .global-search-filters-athens.Left form .form-container .filters-section-two .radio-wrapper, .global-search-filters-athens.Right form .form-container .filters-section-two .radio-wrapper { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0; } .global-search-filters-athens.Center form .form-container .filters-section-two .select-wrapper .select-style-1, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .select-wrapper .select-style-1 { flex-direction: column; } .global-search-filters-athens.Center form .form-container .filters-section-two .select-wrapper .select-style-1 .sub-heading, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .select-wrapper .select-style-1 .sub-heading { margin-bottom: 16px; } .global-search-filters-athens.Center form .form-container .filters-section-two .select-wrapper .select-style-1 label, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .select-wrapper .select-style-1 label { position: relative; width: 100%; } .global-search-filters-athens.Left form .form-container .filters-section-two .select-wrapper .select-style-1, .global-search-filters-athens.Right form .form-container .filters-section-two .select-wrapper .select-style-1 { flex-direction: row; } .global-search-filters-athens.Left form .form-container .filters-section-two .select-wrapper .select-style-1 .sub-heading, .global-search-filters-athens.Right form .form-container .filters-section-two .select-wrapper .select-style-1 .sub-heading { margin-bottom: 0; } .global-search-filters-athens.Left form .form-container .filters-section-two .select-wrapper .select-style-1 label, .global-search-filters-athens.Right form .form-container .filters-section-two .select-wrapper .select-style-1 label { width: 60%; } .global-search-filters-athens.Center form .form-container .filters-section-two .radio-wrapper .radio-filters, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .radio-wrapper .radio-filters { flex-direction: column; } .global-search-filters-athens.Center form .form-container .filters-section-two .radio-wrapper .radio-filters .sub-heading, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .radio-wrapper .radio-filters .sub-heading { margin-bottom: 16px; } .global-search-filters-athens.Center form .form-container .filters-section-two .radio-wrapper .radio-filters .radio-labels, .global-search-filters-athens.Fullscreen form .form-container .filters-section-two .radio-wrapper .radio-filters .radio-labels { width: 100%; } .global-search-filters-athens.Left form .form-container .filters-section-two .radio-wrapper .radio-filters, .global-search-filters-athens.Right form .form-container .filters-section-two .radio-wrapper .radio-filters { flex-direction: row; } .global-search-filters-athens.Left form .form-container .filters-section-two .radio-wrapper .radio-filters .sub-heading, .global-search-filters-athens.Right form .form-container .filters-section-two .radio-wrapper .radio-filters .sub-heading { margin-bottom: 0; } .global-search-filters-athens.Left form .form-container .filters-section-two .radio-wrapper .radio-filters .radio-labels, .global-search-filters-athens.Right form .form-container .filters-section-two .radio-wrapper .radio-filters .radio-labels { width: 60%; } } #quick-appraisal-modal .modal-content .appraisal-step { background-color: #fff; } /* global - end */ /* header:he-0002:1117 - start */ .layout-1117 * { box-sizing: border-box; } .layout-1117 a { text-decoration: none; } .layout-1117 { position: sticky; z-index: 3; top: 0; left: 0; right: 0; background-color: #ffffff; transition: all .25s ease-in-out; } .layout-1117.hovering { background-color: #ffffff; } .layout-1117 .child { display: none; } .layout-1117 .inner-container { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 24px; } .layout-1117 .menu .inner-container { gap: 32px; } .layout-1117 .inner-container .search-wrapper { display: flex; align-items: center; gap: 16px; cursor: pointer; } .layout-1117 .inner-container .search-wrapper .search-text { display: none; } .layout-1117 .inner-container .search-wrapper .icon { color: #eaeaea; font-size: 15px; line-height: 0; } .layout-1117 .inner-container .search-wrapper:hover .icon { color: #666; } .layout-1117 .inner-container .navigation { display: flex; align-items: center; gap: 16px; } .layout-1117 .inner-container .navigation .view-button { display: none; } @media only screen and (min-width:640px) { .layout-1117 .inner-container { padding: 24px 40px; } .layout-1117 .inner-container .navigation .view-button, .layout-1117 .inner-container .search-wrapper .search-text { display: block; } } @media only screen and (min-width:1200px) { .layout-1117 .inner-container { padding: 24px 48px; } } .layout-1117 .inner-container a.logo-link { display: flex; justify-content: center; align-items: center; } .layout-1117 .menu-container { display: flex; align-items: center; } .layout-1117 .menu-inner-wrapper { height: 27px; } .layout-1117 .inner-container a.logo-link img { max-width: 100%; max-height: 27px; object-fit: cover; } @media only screen and (min-width:640px) { .layout-1117 .menu-inner-wrapper { height: 36px; } .layout-1117 .inner-container a.logo-link img { max-height: 36px; } } .layout-1117 .menu-button { position: relative; width: 25px; height: 15px; cursor: pointer; } .layout-1117 .menu-button span { content: ""; height: 1px; width: 100%; background-color: #4d4d4f; position: absolute; left: 0; transition: all .25s ease-in-out; } .layout-1117 .menu-button:hover span { background-color: #00467f; } .layout-1117.hovering .menu-button span { background-color: #4d4d4d; transition: all .25s ease-in-out; } .layout-1117.hovering .menu-button:hover span { background-color: #00467f; } .layout-1117 .menu-button span:first-child { top: 0; } .layout-1117 .menu-button span:nth-child(2) { top: 50%; transform: translateY(50%); } .layout-1117 .menu-button span:last-child { bottom: 0; } .layout-1117 .menu-button span:hover { background-color: #00467f; } .layout-1117.hovering .menu-button span:hover { background-color: #00467f; } .layout-1117 .inner-container .menu-button.active span:first-child { top: 45%; transform: rotate(45deg); } .layout-1117 .menu-button.active span:nth-child(2) { opacity: 0; visiability: hidden; } .layout-1117 .menu-button.active span:last-child { top: 45%; transform: rotate(-45deg); } .layout-1117 .inner-container .menu { width: 100vw; height: 100dvh; max-width: 480px; position: absolute; top: 0; left: -120%; background-color: #f6f9fb; transition: all .5s ease-in-out; opacity: 0; visibility: hidden; } .layout-1117 .inner-container .menu.active { left: 0; opacity: 1; visibility: visible; } .layout-1117 nav { display: flex; justify-content: space-between; flex-direction: column; height: calc(100dvh - 27px - 64px); gap: 48px; padding: 32px 8px; } .layout-1117 .menu-wrapper { display: flex; flex-direction: column; gap: 24px; max-height: 80%; overflow-y: auto; overflow-x: hidden; padding: 0 16px; } .layout-1117 .button-wrapper { display: flex; flex-direction: column; max-height: 20%; } @media only screen and (min-width:640px) { .layout-1117 nav { height: calc(100dvh - 36px - 96px); padding: 32px 24px 48px; } .layout-1117 .menu-wrapper { padding: 0 24px; } } .layout-1117 .menu-wrapper .parent { display: flex; justify-content: space-between; align-items: center; transition: all .25s ease-in-out; } .layout-1117 .menu-wrapper .parent .icon { text-indent: 0; } .layout-1117 .menu-wrapper .parent:hover { text-indent: 8px } .layout-1117 .menu-wrapper .parent:hover .icon { text-indent: 0; } .layout-1117 .view-button {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: content-box;text-decoration: none;display: inline-block;padding: 0 16px;height: 32px;line-height: 32px;font-family: acumin-pro, sans-serif;color: #4d4d4f;font-size: 15px;font-weight: 400;border-style: solid;border-color: #ffffff;border-width: 0px;border-radius: 0px;background-color: rgba(144,144,144,0);}.layout-1117 .view-button:hover {color: #4d4d4f;background-color: rgba(69,69,69,0);border-color: #ffffff;} .layout-1117 .free-appraisal-button {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: content-box;text-decoration: none;display: inline-block;padding: 0 25px;height: 50px;line-height: 50px;font-family: acumin-pro, sans-serif;color: #ffffff;font-size: 17px;font-weight: 500;border-style: solid;border-color: #4d4d4f;border-width: 1px;border-radius: 25px;background-color: #4d4d4f;}.layout-1117 .free-appraisal-button:hover {color: #ffffff;background-color: #00467f;border-color: #00467f;} .layout-1117 .filter-button {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: content-box;text-decoration: none;display: inline-block;padding: 0 16px;height: 32px;line-height: 32px;font-family: acumin-pro, sans-serif;color: #4d4d4f;font-size: 15px;font-weight: 400;border-style: solid;border-color: #ffffff;border-width: 1px;border-radius: 0px;background-color: rgba(144,144,144,0);}.layout-1117 .filter-button:hover {color: #00467f;background-color: rgba(69,69,69,0);border-color: #ffffff;} .layout-1117 .filter-button { display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; cursor: pointer; } .layout-1117 .button { text-align: center; } .layout-1117 .parent {font-family: acumin-pro, sans-serif;color: #4d4d4f;font-size: 24px;line-height: 36px;font-weight: 600;}.layout-1117 .parent:hover,.layout-1117 .parent:active {color: #fff;} .layout-1117 .menu-items .parent:hover { color: #00467f; } .layout-1117 .menu-items.active .parent { color: #4d4d4f; } .layout-1117 .menu-items .parent .icon { font-size: 17px; color: #4d4d4f; line-height: 1; } .layout-1117 .menu-items .parent:hover .icon { color: #4d4d4f; } .layout-1117 .menu-items.active .parent .icon { color: #4d4d4f; -webkit-animation: fadeinout .5s linear forwards; animation: fadeinout .5s linear forwards; transform: rotate(180deg); } @-webkit-keyframes fadeinout { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeinout { 0% { opacity: 0; } 100% { opacity: 1; } } .layout-1117 .menu-child {font-family: acumin-pro, sans-serif;color: #4d4d4f;font-size: 20px;line-height: 30px;font-weight: 500;}.layout-1117 .menu-child:hover,.layout-1117 .menu-child:active {color: #fff;} .layout-1117 .child { display: none; padding: 24px 8px 0; } @media only screen and (min-width:640px) { .layout-1117 .child { display: none; padding: 24px 24px 0; } } .layout-1117 .child li { margin-bottom: 16px; } .layout-1117 .child li:last-child { margin-bottom: 0; } .layout-1117 .child li a { transition: all 0.25s ease-in-out; } .layout-1117 .child li a:hover, .layout-1117 .child li a:focus, .layout-1117 .child li a:active { color: #00467f; } .layout-1117 .menu-wrapper::-webkit-scrollbar { width: 4px; } .layout-1117 .menu-wrapper::-webkit-scrollbar-track { background: transparent; } .layout-1117 .menu-wrapper::-webkit-scrollbar-thumb { background-color: #eaeaea; border-radius: 2px; border: transparent; transition: all 1s; } .layout-1117:hover .menu-wrapper::-webkit-scrollbar-thumb { background-color: #eaeaea; } /* header:he-0002:1117 - end */ /* widget:lg-0002:271266 - start */ .widget-271266 .container { max-width: unset; } .widget-271266 .container:first-child { padding-top: 0px; padding-right: 48px; padding-bottom: 120px; padding-left: 48px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .widget-271266 .container:first-child { padding-top: 0px; padding-right: 0px; padding-bottom: 90px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; } @media only screen and (min-width:640px) { .widget-271266 .container:first-child { padding-top: 24px; padding-right: 40px; padding-bottom: 88px; padding-left: 40px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width:980px) { .widget-271266 .container:first-child { padding-top: 0px; padding-right: 48px; padding-bottom: 120px; padding-left: 48px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } } @media only screen and (max-width:640px) { .widget-271266 .container { background-attachment: unset; } } @media only screen and (max-width:640px) { .widget-271266 { background-attachment: unset; } } .widget-271266 .inner-wrapper { display: flex; flex-direction: column-reverse; gap: 32px; padding-bottom: 48px; } .widget-271266 .container .widget-heading { display: flex; flex-direction: column; text-transform: capitalize; } @media only screen and (min-width:980px) { .widget-271266 .inner-wrapper { gap: 40px; padding-bottom: 56px; } } @media only screen and (min-width:1200px) { .widget-271266 .inner-wrapper { padding-bottom: 72px; } } .widget-271266 .container .listings { display: grid; column-gap: 16px; row-gap: 16px; grid-template-columns: repeat(1, 1fr); } @media only screen and (min-width:640px) { .widget-271266 .container .listings { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width:1200px) { .widget-271266 .container .listings { grid-template-columns: repeat(3, 1fr); } } .widget-271266 .container .listings .card:nth-child(12n-11) { animation-delay: 0.25s; } .widget-271266 .container .listings .card:nth-child(12n-10) { animation-delay: 0.5s; } .widget-271266 .container .listings .card:nth-child(12n-9) { animation-delay: 0.75s; } .widget-271266 .container .listings .card:nth-child(12n-8) { animation-delay: 1s; } .widget-271266 .container .listings .card:nth-child(12n-7) { animation-delay: 1.25s; } .widget-271266 .container .listings .card:nth-child(12n-6) { animation-delay: 1.5s; } .widget-271266 .container .listings .card:nth-child(12n-5) { animation-delay: 1.75s; } .widget-271266 .container .listings .card:nth-child(12n-4) { animation-delay: 2s; } .widget-271266 .container .listings .card:nth-child(12n-3) { animation-delay: 2.25s; } .widget-271266 .container .listings .card:nth-child(12n-2) { animation-delay: 2.5s; } .widget-271266 .container .listings .card:nth-child(12n-1) { animation-delay: 2.75s; } .widget-271266 .container .listings .card:nth-child(12n-0) { animation-delay: 3s; } .widget-271266 .container .listings .card { opacity: 0; transform: translateY(16px); box-shadow: 0 0 10px 0 rbga(0, 0, 0, .5); animation: fadeIn .5s forwards; } @keyframes fadeIn { 100% { opacity: 1; transform: translateY(0); } } .widget-271266 .container .load-listings { grid-column: 1/-1; } .widget-271266 .container .load-listings { grid-column: 1/-1; display: flex; justify-content: center; padding-top: 16px; } .widget-271266 .container .load-listings .button { cursor: pointer; } .widget-271266 .search-results .result .text {font-family: acumin-pro, sans-serif;color: #4d4d4f;font-size: 14px;line-height: 21px;font-weight: 400;} .widget-271266 form * { box-sizing: border-box; } .widget-271266 form button { cursor: pointer; } .widget-271266 form .search-container { position: relative; display: flex; justify-content: center; align-items: center; gap: 16px; padding-left: 24px; padding-right: 8px; border-radius: 30px; background-color: #f6f9fb; } .widget-271266 .container form .search-container .search { height: 60px; width: 100%; padding-left: 32px; background-color: #f6f9fb; border: none; } .widget-271266 .container form .search-container input.search { color: #4d4d4f; } .widget-271266 .container form .search-container input.search:focus { outline: none; } .widget-271266 .container form .search-container input.search:focus-visible { outline: 1px solid rgba(196,196,196,0); } .widget-271266 .container form .search-container input.search::placeholder { color: #4d4d4f; } .widget-271266 .container .search-wrapper { position: relative; width: 100%; } @media only screen and (min-width:980px) { .widget-271266 .container .search-wrapper { width: 55%; } } @media only screen and (min-width:1200px) { .widget-271266 .container .search-wrapper { width: 60%; } } .widget-271266 .container .search-wrapper:before { position: absolute; left: 0; display: flex; align-items: center; width: 32px; height: 100%; color: #666666; font-size: 16px; } .widget-271266 .container .button-wrapper { position: absolute; right: 16px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; width: 50%; } @media only screen and (min-width:980px) { .widget-271266 .container .button-wrapper { width: 45%; } } @media only screen and (min-width:1200px) { .widget-271266 .container .button-wrapper { width: 40%; } } .widget-271266 .button-wrapper .button { height: 44px; cursor: pointer; } .widget-271266 .button-wrapper .button.submit { width: 100%; max-width: 95px; } .widget-271266 .container .button-wrapper .button { display: flex; align-items: center; justify-content: center; } .widget-271266 .container .button-wrapper .category, .widget-271266 .container .button-wrapper .price, .widget-271266 .container .button-wrapper .beds { display: none; } .widget-271266 .container .button-wrapper .filters { flex-direction: row-reverse; gap: 8px; padding: 0 8px; } @media only screen and (min-width:980px) { .widget-271266 .container .button-wrapper .filters { width: 100%; max-width: 70px; padding: 0; } } .widget-271266 .container .button-wrapper .filters .filter-count { height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; border-radius: 6px; font-size: 14px; color: #4d4d4f; background-color: #f6f9fb; } @media only screen and (min-width:980px) { .widget-271266 .container .button-wrapper { position: relative; right: auto; } .widget-271266 .container .button-wrapper .category, .widget-271266 .container .button-wrapper .price, .widget-271266 .container .button-wrapper .beds { display: flex; } .widget-271266 .container .button-wrapper .filters .filter-count { display: none; } } .widget-271266 .results-wrapper { background-color: #f6f9fb; transition: ease-in-out 0.25s; border-radius: 30px; margin-top: 8px; overflow: hidden; } .widget-271266 .results-wrapper .display-results { position: relative; padding: 8px 0; margin: 0 16px; min-height: 57px; border-top: 1px solid rgba(196,196,196,0); transition: ease-in-out 0.25s; } .widget-271266 .results-wrapper .display-results { display: none; } .widget-271266 .results-wrapper .display-results.has-buttons { display: flex; } .widget-271266 .search-results { display: none; position: absolute; z-index: 2; bottom: 1px; left: 1px; right: 1px; height: 0; } .widget-271266 .search-results .results-list { position: absolute; display: flex; flex-direction: column; width: 100%; } .widget-271266 .search-results.active { display: flex; } .widget-271266 .search-results .result { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px; border: none; background-color: #f6f9fb; color: inherit; cursor: pointer; transition: ease-in-out 0.25s; } .widget-271266 .search-results .result:hover { background-color: #ffffff; } .widget-271266 .search-results .result .icon { display: flex; justify-content: center; align-items: center; height: 36px; width: 36px; border-radius: 50%; color: #4d4d4f; font-size: 17px; transition: ease-in-out 0.25s; } .widget-271266 .search-results .result:hover .icon { color: #4d4d4f; } .widget-271266 .search-results .result .text { transition: ease-in-out 0.25s; } .widget-271266 .search-results .result:hover .text { color: #4d4d4f; } .widget-271266 .display-results { display: flex; gap: 8px; flex-wrap: wrap; } .widget-271266 .display-results .result { display: flex; align-items: center; gap: 8px; height: 40px; } .widget-271266 .display-results .result .icon { color: #333333; font-size: 12px; } .widget-271266 .display-results .result:hover .icon { color: #a6a6a6; } .widget-271266 form .search-container .search-results { position: absolute; bottom: 0; display: none; width: 100%; height: 0; transition: ease-in 0.25s; } .widget-271266 form .search-container .search-results.active { display: flex; } .widget-271266 form .search-container .search-results .results-list { flex-direction: column; width: 100%; } /* widget:lg-0002:271266 - end */ /* footer:fo-0002:1118 - start */ @media only screen and (max-width:640px) { .layout-1118 .container { background-attachment: unset; } } @media only screen and (max-width:640px) { .layout-1118 { background-attachment: unset; } } .layout-1118 * { box-sizing: border-box; } .layout-1118 { background-color: #f6f9fb; } .layout-1118 a { text-decoration: none; } .layout-1118 img { max-width: 100%; } .layout-1118 .container { max-width: unset; } .layout-1118 .parent-link { display: none; } .layout-1118 .link {font-family: acumin-pro, sans-serif;color: #4d4d4f;font-size: 16px;line-height: 24px;font-weight: 400;}.layout-1118 .link:hover,.layout-1118 .link:active {color: #fff;} .layout-1118 .link { transition: all .25s ease-in-out; } .layout-1118 .link:hover, .layout-1118 .link:active, .layout-1118 .link:focus { color: #00467f; } .layout-1118 .legal-link {font-family: acumin-pro, sans-serif;color: #4d4d4f;font-size: 13px;line-height: 19.5px;font-weight: 400;}.layout-1118 .legal-link:hover,.layout-1118 .legal-link:active {color: #fff;} .layout-1118 .legal-link:hover, .layout-1118 .legal-link:active, .layout-1118 .legal-link:focus { color: #00467f; } .layout-1118 .container { background-color: transparent; } .layout-1118 .footer-top { display: flex; flex-direction: column; gap: 56px; margin-bottom: 56px; } .layout-1118 .footer-logo { display: block; width: 100%; max-width: 180px; } .layout-1118 .socials { width: 100%; display: flex; gap: 32px; } .layout-1118 .socials a { font-size: 18px; color: #4d4d4f; } .layout-1118 .footer-menu { margin-bottom: 40px; } .layout-1118 .footer-menu a { display: block; margin: 0; padding: 0; } .layout-1118 .footer-menu-wrapper {display: grid;column-gap: 0px;row-gap: 40px;grid-template-columns: repeat(4, 1fr); }@media only screen and (max-width:1200px) {.layout-1118 .footer-menu-wrapper {row-gap: 56px;grid-template-columns: repeat(2, 1fr);}}@media only screen and (max-width:980px) {.layout-1118 .footer-menu-wrapper {row-gap: 32px;grid-template-columns: repeat(2, 1fr);}}@media only screen and (max-width:640px) {.layout-1118 .footer-menu-wrapper {row-gap: 56px;grid-template-columns: repeat(1, 1fr);}} .layout-1118 .child-links { margin-top: 8px; display: flex; flex-direction: column; gap: 8px; } .layout-1118 .legal-links { display: flex; } .layout-1118 .legal-links { flex-direction: row; align-items: center; margin-bottom: 16px; } .layout-1118 .legal-links > .legal-link { padding: 0 8px; border-right: 1px solid #4d4d4f; line-height: 1; } .layout-1118 .legal-links > .legal-link:nth-child(1) { padding-left: 0; } .layout-1118 .legal-links > .legal-link:last-child { border-right: 0; } .layout-1118 .footer-top .socials { max-width: 50%; } @media only screen and (min-width:640px) { .layout-1118 .footer-top { flex-direction: row; align-items: center; justify-content: space-between; } } @media only screen and (min-width:1200px) { .layout-1118 .footer-top .socials { max-width: 25%; } } /* footer:fo-0002:1118 - end */