@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: 'Inter', sans-serif; color: #363636; font-size: 14px; line-height: 21px; font-weight: 500; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; } @font-face { font-family: 'icomoon'; src: url('https://assets.zenu.com.au/icons/set3/icomoon.woff2?t=e-111605') format('woff2'), url('https://assets.zenu.com.au/icons/set3/icomoon.ttf?t=e-111605') format('truetype'), url('https://assets.zenu.com.au/icons/set3/icomoon.woff?t=e-111605') format('woff'), url('https://assets.zenu.com.au/icons/set3/icomoon.svg?t=e-111605#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !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; } .icon-car:before { content: "\1f697"; } .icon-bed:before { content: "\1f6cf"; } .icon-bath:before { content: "\1f6c1"; } .icon-pet-friendly:before { content: "\e900"; } .icon-envelope:before { content: "\2709"; } @font-face { font-family: 'social-icons'; src: url('https://assets.zenu.com.au/icons/social-icons/social-icons.ttf?t=e-111605') format('truetype'), url('https://assets.zenu.com.au/icons/social-icons/social-icons.woff?t=e-111605') format('woff'), url('https://assets.zenu.com.au/icons/social-icons/social-icons.svg?t=e-111605#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-111605'); src: url('https://assets.zenu.com.au/icons/widget-icons/widgetIcons.eot?t=e-111605#iefix') format('embedded-opentype'), url('https://assets.zenu.com.au/icons/widget-icons/widgetIcons.ttf?t=e-111605') format('truetype'), url('https://assets.zenu.com.au/icons/widget-icons/widgetIcons.woff?t=e-111605') format('woff'), url('https://assets.zenu.com.au/icons/widget-icons/widgetIcons.svg?t=e-111605#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-s-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=], input[type=number], input[type=mobile], input[type=tel], textarea, select { padding: 0 12.666666666667px; display: block; box-sizing: border-box; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 400; color: #616161; border-style: solid; border-color: #f2f2f2; border-width: 1px; border-radius: 2px; background: #f2f2f2; } input[type=text], input[type=], input[type=number], select { height: 38px; line-height: 38px; background: #f2f2f2 } input[type=number] { padding-right: 0; } input[type=text]::placeholder, input[type=]::placeholder, input[type=number]::placeholder, input[type=mobile]::placeholder, input[type=tel]::placeholder, textarea::placeholder { color: #c4c4c4; font-weight: 400; } textarea { padding: 12.666666666667px; line-height: 22.5px; } #address-select { display: block; box-sizing: border-box; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 400; border-style: solid; border-color: #f2f2f2; border-width: 1px; border-radius: 2px; } #address-select li { padding: 0 12.666666666667px; min-height: 38px; line-height: 38px; color: #616161; background: #f2f2f2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #address-select li:hover { color: #f2f2f2; background: #616161; cursor: pointer; } .heading-561-1018, .heading, .main-heading { font-family: 'Inter', sans-serif; color: #00467e; font-size: 18px; line-height: 27px; font-weight: 500; } @media only screen and (min-width:640px){ .heading-561-1018, .heading, .main-heading { font-size: 18px; line-height: 27px; } } @media only screen and (min-width:980px){ .heading-561-1018, .heading, .main-heading { font-size: 38px; line-height: 57px; } } .sub-heading-562-1018, .sub-heading { font-family: 'Inter', sans-serif; color: #333333; font-size: 17px; line-height: 25.5px; font-weight: 500; } @media only screen and (min-width:640px){ .sub-heading-562-1018, .sub-heading { font-size: 17px; line-height: 25.5px; } } @media only screen and (min-width:980px){ .sub-heading-562-1018, .sub-heading { font-size: 17px; line-height: 25.5px; } } .body-text-563-1018, .body-text-1 { font-family: 'Inter', sans-serif; color: #363636; font-size: 14px; line-height: 21px; font-weight: 500; } @media only screen and (min-width:640px){ .body-text-563-1018, .body-text-1 { font-size: 14px; line-height: 21px; } } @media only screen and (min-width:980px){ .body-text-563-1018, .body-text-1 { font-size: 14px; line-height: 21px; } } .main-button-564-1018, .button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; font-family: 'Inter', sans-serif; color: #ffffff; font-size: 13px; font-weight: 500; border-style: solid; border-color: #00467f; border-width: 0px; border-radius: 3px; background-color: #00467f; } .main-button-564-1018:hover, .button:hover { color: #ffffff; border-color: #e97d00; background-color: rgba(233,125,0,0.85); } @media only screen and (min-width:640px){ .main-button-564-1018, .button { font-size: 13px; line-height: 40px; height: 40px; } } @media only screen and (min-width:980px){ .main-button-564-1018, .button { font-size: 13px; line-height: 40px; height: 40px; } } input[type=text].main-form-style-1232-1018, input[type=].main-form-style-1232-1018, input[type=number].main-form-style-1232-1018, input[type=mobile].main-form-style-1232-1018, input[type=tel].main-form-style-1232-1018, textarea.main-form-style-1232-1018, select.main-form-style-1232-1018 { padding: 0 12.666666666667px; display: block; box-sizing: border-box; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 400; color: #616161; border-style: solid; border-color: #f2f2f2; border-width: 1px; border-radius: 2px; background: #f2f2f2 } input[type=text].main-form-style-1232-1018, input[type=].main-form-style-1232-1018, input[type=number].main-form-style-1232-1018, select.main-form-style-1232-1018 { height: 38px; line-height: 38px; background: #f2f2f2; } input[type=number].main-form-style-1232-1018 { padding-right: 0; } textarea.main-form-style-1232-1018 { padding: 12.666666666667px; line-height: 22.5px; } input[type=text].main-form-style-1232-1018::placeholder, input[type=].main-form-style-1232-1018::placeholder, input[type=number].main-form-style-1232-1018::placeholder, input[type=mobile].main-form-style-1232-1018::placeholder, input[type=tel].main-form-style-1232-1018::placeholder, textarea.main-form-style-1232-1018::placeholder { color: #c4c4c4; font-weight: 400; } label.main-form-style-1232-1018 { font-family: 'Inter', sans-serif; font-size: 12px; line-height: 18px; font-weight: 100; color: #00467f; } @media only screen and (min-width:640px){ label.main-form-style-1232-1018 { font-size: 14px; line-height: 21px; } } @media only screen and (min-width:980px){ label.main-form-style-1232-1018 { font-size: 16px; line-height: 24px; } } input[type=radio].main-form-style-1232-1018, input[type=checkbox].main-form-style-1232-1018 { accent-color: #ffffff; height: 20px; width: 20px; } #address-select.main-form-style-1232-1018 { display: block; box-sizing: border-box; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 400; border-style: solid; border-color: #f2f2f2; border-width: 1px; border-radius: 2px; } #address-select.main-form-style-1232-1018 li { padding: 0 12.666666666667px; min-height: 38px; line-height: 38px; color: #616161; background: #f2f2f2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #address-select.main-form-style-1232-1018 li:hover { color: #f2f2f2; background: #616161; cursor: pointer; } .heading-2-4805-1018, .heading-2 { font-family: 'Inter', sans-serif; color: #00467e; font-size: 14px; line-height: 21px; font-weight: 500; } @media only screen and (min-width:640px){ .heading-2-4805-1018, .heading-2 { font-size: 15px; line-height: 22.5px; } } @media only screen and (min-width:980px){ .heading-2-4805-1018, .heading-2 { font-size: 20px; line-height: 30px; } } .heading-3-4806-1018, .heading-3 { font-family: 'Inter', sans-serif; color: #ffffff; font-size: 30px; line-height: 45px; font-weight: 500; } @media only screen and (min-width:640px){ .heading-3-4806-1018, .heading-3 { font-size: 30px; line-height: 45px; } } @media only screen and (min-width:980px){ .heading-3-4806-1018, .heading-3 { font-size: 40px; line-height: 60px; } } .heading-4-4807-1018, .heading-4 { font-family: 'Inter', sans-serif; color: #00467e; font-size: 12px; line-height: 18px; font-weight: 500; } @media only screen and (min-width:640px){ .heading-4-4807-1018, .heading-4 { font-size: 12px; line-height: 18px; } } @media only screen and (min-width:980px){ .heading-4-4807-1018, .heading-4 { font-size: 12px; line-height: 18px; } } .sub-heading-2-4810-1018, .sub-heading-2 { font-family: 'Inter', sans-serif; color: #333333; font-size: 13px; line-height: 19.5px; font-weight: 500; } @media only screen and (min-width:640px){ .sub-heading-2-4810-1018, .sub-heading-2 { font-size: 14px; line-height: 21px; } } @media only screen and (min-width:980px){ .sub-heading-2-4810-1018, .sub-heading-2 { font-size: 15px; line-height: 22.5px; } } .sub-heading-3-4812-1018, .sub-heading-3 { font-family: 'Inter', sans-serif; color: #ffffff; font-size: 14px; line-height: 21px; font-weight: 500; } @media only screen and (min-width:640px){ .sub-heading-3-4812-1018, .sub-heading-3 { font-size: 14px; line-height: 21px; } } @media only screen and (min-width:980px){ .sub-heading-3-4812-1018, .sub-heading-3 { font-size: 14px; line-height: 21px; } } .sub-heading-4-4814-1018, .sub-heading-4 { font-family: 'Inter', sans-serif; color: #333333; font-size: 12px; line-height: 18px; font-weight: 500; } @media only screen and (min-width:640px){ .sub-heading-4-4814-1018, .sub-heading-4 { font-size: 12px; line-height: 18px; } } @media only screen and (min-width:980px){ .sub-heading-4-4814-1018, .sub-heading-4 { font-size: 12px; line-height: 18px; } } .body-text-2-4816-1018, .body-text-2 { font-family: 'Inter', sans-serif; color: #363636; font-size: 12px; line-height: 18px; font-weight: 500; } @media only screen and (min-width:640px){ .body-text-2-4816-1018, .body-text-2 { font-size: 12px; line-height: 18px; } } @media only screen and (min-width:980px){ .body-text-2-4816-1018, .body-text-2 { font-size: 12px; line-height: 18px; } } .body-text-3-4818-1018, .body-text-3 { font-family: 'Inter', sans-serif; color: #363636; font-size: 12px; line-height: 18px; font-weight: 500; } @media only screen and (min-width:640px){ .body-text-3-4818-1018, .body-text-3 { font-size: 12px; line-height: 18px; } } @media only screen and (min-width:980px){ .body-text-3-4818-1018, .body-text-3 { font-size: 12px; line-height: 18px; } } .body-text-4-4820-1018, .body-text-4 { font-family: 'Inter', sans-serif; color: #363636; font-size: 12px; line-height: 18px; font-weight: 500; } @media only screen and (min-width:640px){ .body-text-4-4820-1018, .body-text-4 { font-size: 12px; line-height: 18px; } } @media only screen and (min-width:980px){ .body-text-4-4820-1018, .body-text-4 { font-size: 12px; line-height: 18px; } } .secondary-button-4822-1018, .button-2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 18px; height: 36px; line-height: 36px; font-family: 'Inter', sans-serif; color: #ffffff; font-size: 13px; font-weight: 500; border-style: solid; border-color: #e97d00; border-width: 0px; border-radius: 3px; background-color: rgba(233,125,0,0.85); } .secondary-button-4822-1018:hover, .button-2:hover { color: #ffffff; border-color: #00467f; background-color: #00467f; } @media only screen and (min-width:640px){ .secondary-button-4822-1018, .button-2 { font-size: 13px; line-height: 36px; height: 36px; } } @media only screen and (min-width:980px){ .secondary-button-4822-1018, .button-2 { font-size: 13px; line-height: 36px; height: 36px; } } .tertiary-button-4824-1018, .button-3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 18px; height: 36px; line-height: 36px; font-family: 'Inter', sans-serif; color: #ffffff; font-size: 13px; font-weight: 500; border-style: solid; border-color: #ffffff; border-width: 0px; border-radius: 3px; background-color: rgba(255,255,255,0); } .tertiary-button-4824-1018:hover, .button-3:hover { color: #ffffff; border-color: #ffffff; background-color: rgba(255,255,255,0.25); } @media only screen and (min-width:640px){ .tertiary-button-4824-1018, .button-3 { font-size: 13px; line-height: 36px; height: 36px; } } @media only screen and (min-width:980px){ .tertiary-button-4824-1018, .button-3 { font-size: 13px; line-height: 36px; height: 36px; } } .fourth-button-4826-1018, .button-4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: content-box; text-decoration: none; display: inline-block; padding: 0 18px; height: 36px; line-height: 36px; font-family: 'Inter', sans-serif; color: #000000; font-size: 13px; font-weight: 500; border-style: solid; border-color: #000000; border-width: 0px; border-radius: 3px; background-color: rgba(0,0,0,0); } .fourth-button-4826-1018:hover, .button-4:hover { color: #000000; border-color: #000000; background-color: rgba(0,0,0,0.25); } @media only screen and (min-width:640px){ .fourth-button-4826-1018, .button-4 { font-size: 13px; line-height: 36px; height: 36px; } } @media only screen and (min-width:980px){ .fourth-button-4826-1018, .button-4 { font-size: 13px; line-height: 36px; height: 36px; } } .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: 16px; font-family: Arial; color: #ffffff; font-weight: 200; border-radius: 0px; background-color: #d60e00; padding: 0 16px;line-height: 36px;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: 24px; padding: 0 16px;line-height: 54px;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: 200; background-color: #666666; border-width: 0px border-style: solid; border-color: #666666; border-radius: 0px; 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: #666666; 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: center; align-items: center; padding-top: 16px; } .main-badge .listing-badge-advanced-banner .button-wrapper button { cursor: pointer; } .client- .search-text-box { min-height: 38px; line-height: 38px; position: relative; } .client- .search-text-box .suburb-multi-select { display: flex; flex-wrap: wrap; box-sizing: border-box; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 400; color: #616161; border-style: solid; border-color: #f2f2f2; border-width: 1px; border-radius: 2px; background: #f2f2f2; } .client- .search-text-box .suburb-multi-select input[type=text] { background: transparent; border: 0; display: flex; flex-grow: 1; outline: none; } .client- .search-text-box .suburb-multi-select .labels { display: flex; flex-wrap: wrap; } .client- .search-text-box .suburb-multi-select .suburb_label { padding: 0 0 0 12.666666666667px; display: flex; align-items: center; } .client- .search-text-box .suburb-multi-select .suburb_label a { display: block; height: 10px; width: 10px; position: relative; padding-right: 6.333333333333px; } .client- .search-text-box .suburb-multi-select .suburb_label a:after, .client- .search-text-box .suburb-multi-select .suburb_label a:before { content: ''; display: block; height: 10px; width: 1px; background: #616161; transform: rotate(45deg); position: absolute; top: 0; left: 5px; } .client- .search-text-box .suburb-multi-select .suburb_label a:before { transform: rotate(-45deg); } .client- .search-text-box .display-none { display: none; } .client- #client--session-new .recaptcha_container { margin-top: 16px; } .client- #client--session-new .recaptcha_container .fieldset_captcha { border: unset; padding-left: 0; margin-left: 0; } .client- .search-text-box #search-result-container { position: absolute; background: #ffffff; width: 100%; left: 0; font-family: 'Inter', sans-serif; color: #363636; font-size: 14px; line-height: 28px; font-weight: 500; max-height: 200px; overflow-y: auto; padding: 0 12.666666666667px; box-sizing: border-box; box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .6); } .client- .search-text-box #search-result-container .search-results { cursor: pointer; } ::-webkit-input-placeholder { /* Edge */ color: rgba(97,97,97,0.5); } :-ms-input-placeholder { /* Internet Explorer */ color: rgba(97,97,97,0.5); } ::placeholder { color: rgba(97,97,97,0.5); } label { font-family: 'Inter', sans-serif; font-size: 20px; line-height: 30px; font-weight: 100; color: #00467f; } @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: #ffffff; height: 20px; width: 20px; } .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; } @media only screen and (min-width:640px){ .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; } } @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 { background-color: #ffffff; } .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 { 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 { padding: 15px 15px 5px; } .floating-socials.light a { margin-bottom: 10px; color: #666; } .floating-socials.light a:hover { padding: 10px 0; } .floating-socials.color { padding: 15px 15px 5px; .social-icon-facebook { color: #1877F2; } .social-icon-linkedin { color: #0A66C2; } .social-icon-pinterest { color: #BD081C; } .social-icon-twitter { color: #1DA1F2; } .social-icon-instagram { color: #E4405F; } .social-icon-youtube { color: #FF0000; } .social-icon-rate-my-agent { color: #000000; } } .floating-socials.color a { margin-bottom: 10px; color: #666; } .floating-socials.color a:hover { padding: 10px 0; } .form-row label { width: 100%; padding-top: 15px; display: block; } input[type=submit], input[type=text], input[type=], 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=], .form-row label input[type=number], .form-row label textarea, .form-row label select { width: 100%; margin-top: 7.5px; } .client- .-methods { display: flex; flex-wrap: wrap; } .client- .-methods label { width: 50%; display: flex; align-items: center; margin-top: 15px; } .client- .-methods label input { margin-right: 10px; } .client- .radios { display: flex; flex-wrap: wrap; } .client- .radios label { display: flex; align-items: center; width: 33.33%; } .client- .radios label input { margin: 0 10px 0 0; } .client- .radios.property_types label { margin-top: 7.5px; width: 50%; } .client- .rooms .radios label { width: unset; padding-right: 15px; } .client- .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- .radios label { width: 15%; } .client- .radios.property_types label { margin-top: 7.5px; width: 25%; } .client- .form-row { display: flex; justify-content: space-between; padding-top: 15px; gap: 15px; } .client- .form-row label { width: 50%; padding: 0; } .client- .form-row.single label { width: 100%; } .client- .form-row label[for=-suburb] { flex: 2; } .client- .form-row label[for=-state], .client- .form-row label[for=-pcode] { flex: 1; } .client- .form-row label input[type=text], .client- .form-row label input[type=], .client- .form-row label input[type=number], .client- .form-row label textarea, .client- .form-row label select { width: 100%; margin-top: 7.5px; } .client- .-methods label { width: 25%; } .client- .rooms { display: flex; gap: 15px; } .client- .rooms > div { width: 33.33%; } .client- .action-buttons { display: flex; gap: 15px; } .client- .action-buttons .button { width: unset; } } #client---new a, #client--session-new a, #client--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: 'Inter', sans-serif; color: #363636; font-size: 14px; line-height: 28px; 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 button { cursor: pointer; display: block; width: 100%; padding: 0 12.666666666667px; text-align: left; } #quick-appraisal-modal .modal-content .appraisal-step #quick-address-select button: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 .-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: 'Inter', sans-serif; color: #363636; font-size: 14px; line-height: 21px; 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-2317 { position: relative; isolation: isolate; } .card-2317 a { text-decoration: none; border: 1px solid #C6C6C6; border-radius: 0px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; color: inherit; background: #ffffff; min-height: 384px; } .card-2317:hover a { background: #ffffff; } .card-2317 a .image { position: relative; display: flex; height: 190px; margin: 8px 8px 0; border-radius: -8px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; overflow: hidden; isolation: isolate; } @media only screen and (min-width: 640px) { .card-2317 a .image { height: 190px; } } @media only screen and (min-width: 980px) { .card-2317 a .image { height: 190px; } } .card-2317 a .image img { width: 100%; height: 100%; object-fit: cover; } .card-2317 a .image .overlay { position: absolute; inset: 0; z-index: 2; background: rgba(255, 255, 255, 0); } .card-2317:hover a .image .overlay { background: rgba(255, 255, 255, .5); } .card-2317 a .description{ display: none; } .card-2317 a .details { display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; padding: 32px 0; } .card-2317 a .details .additional { margin-top: 8px; } .card-2317:hover a .details .street-address, .card-2317:hover a .details .suburb, .card-2317:hover a .details .additional .property-attributes, .card-2317:hover a .details .additional .price { color: #000000; } .card-2317 a .details .additional .property-attributes { display: flex; justify-content: center; align-items: center; } .card-2317 a .details .additional .property-attributes .bed-bath-car { display: flex; align-items: center; } .card-2317 .bed-bath-car .value-wrapper { display: flex; align-items: center; } .card-2317 .bed-bath-car .value-wrapper:before { font-size: 14px; } @media only screen and (min-width:1200px) { .card-2317.width-3 a, .card-2317.width-4 a { flex-direction: unset; } .card-2317.width-3 a, .card-2317.width-4 a { display: grid; column-gap: 16px; } .card-2317.width-3 a { grid-template-columns: repeat(3, 1fr); } .card-2317.width-3 a .image{ grid-column: 1 / 3; } .card-2317.width-4 a { grid-template-columns: repeat(4, 1fr); } .card-2317.width-4 a .image { grid-column: 1 / 3; } .card-2317.width-3 a .image, .card-2317.width-4 a .image { height: calc(100% - 16px); max-height: none; width: 100%; overflow: hidden; margin: 8px 0 8px 8px; border-radius: -8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-2317.width-3 a .details, .card-2317.width-4 a .details { padding-right: 16px; } .card-2317.width-4 a .description { display: flex; align-items: center; width: 75%; margin: 0 auto; } .card-2317.width-4 a .description div{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } } .card-2318 * { box-sizing: border-box; } .card-2318 .card-wrapper { border: 1px solid #C6C6C6; border-radius: 0px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; background: #ffffff; min-height: 384px; box-sizing: border-box; } .card-2318 a { text-decoration: none; } .card-2318:hover .card-wrapper { background: #ffffff; } .card-2318 .card-wrapper .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-2318 .card-wrapper .image { height: 190px; } } @media only screen and (min-width: 980px) { .card-2318 .card-wrapper .image { height: 190px; } } .card-2318 .card-wrapper .image img { width: 100%; height: 100%; object-fit: cover; } .card-2318:hover .card-wrapper .image img { -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ filter: grayscale(0); } .card-2318 .card-wrapper .image .overlay { position: absolute; inset: 0; z-index: 2; background: rgba(255, 255, 255, 0); } .card-2318:hover .card-wrapper .image .overlay { background: rgba(255, 255, 255, .5); } .card-2318 .card-wrapper .description { display: none; } .card-2318 .card-wrapper .details { display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; padding: 32px 0; } .card-2318:hover .card-wrapper .details .name, .card-2318:hover .card-wrapper .details .additional .position, .card-2318:hover .card-wrapper .details .additional .phone, .card-2318:hover .card-wrapper .details .additional .email, .card-2318:hover .card-wrapper .details .additional .description { color: #000000; } @media only screen and (min-width:1200px) { .card-2318.width-2 .card-wrapper, .card-2318.width-3 .card-wrapper, .card-2318.width-4 .card-wrapper { flex-direction: unset; display: grid; column-gap: 16px; grid-template-columns: repeat(2, 1fr); } .card-2318.width-2 .card-wrapper .details, .card-2318.width-3 .card-wrapper .details, .card-2318.width-4 .card-wrapper .details { order: 1; } .card-2318.width-2 .card-wrapper .image, .card-2318.width-3 .card-wrapper .image, .card-2318.width-4 .card-wrapper .image { order: 2; height: unset; } .card-2318.width-2 .card-wrapper .image, .card-2318.width-3 .card-wrapper .image { margin: 8px 8px 8px 0; border-radius: -8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-2318.width-3 .card-wrapper { grid-template-columns: repeat(3, 1fr); } .card-2318.width-3 .card-wrapper .details { grid-column: 1 / 3; flex-direction: column; align-items: center; justify-content: center; } .card-2318.width-3 .card-wrapper .details .phone { padding-bottom: 32px; border-bottom: 1px solid #C6C6C6; } .card-2318.width-3 .card-wrapper .details .description { display: flex; width: 75%; padding-top: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .card-2318.width-4 .card-wrapper { grid-template-columns: repeat(4, 1fr); } .card-2318.width-4 .card-wrapper .image { height: calc(100% - 16px); width: 100%; overflow: hidden; margin: 8px 0; border-radius: 0; } .card-2318.width-4 .card-wrapper >.description { display: flex; align-items: center; width: 75%; margin: 0 auto; grid-column: 3 / 5; text-align: center; order: 3; } .card-2318.width-4 .card-wrapper >.description div { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } .card-2319 a { text-decoration: none; border: 1px solid #C6C6C6; border-radius: 0px; box-sizing: border-box; overflow: hidden; display: block; height: 100%; color: inherit; background: #ffffff; min-height: 384px; } .card-2319:hover a { background: #ffffff; } .card-2319 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-2319 a .image { height: 190px; } } @media only screen and (min-width: 980px) { .card-2319 a .image { height: 190px; } } .card-2319 a .image img { width: 100%; height: 100%; object-fit: cover; } .card-2319 a .image .overlay { position: absolute; inset: 0; z-index: 2; background: rgba(255, 255, 255, 0); } .card-2319:hover a .image .overlay { background: rgba(255, 255, 255, .5); } .card-2319 a .details { display: flex; flex: 1; flex-direction: column; justify-content: space-between; text-align: center; padding: 32px 24px; } .card-2319 a .details .headline-wrapper { min-height: 3em; margin-bottom: 24px; } .card-2319 a .details .headline { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .card-2319:hover a .details .headline, .card-2319:hover a .details .blurb { color: #000000; } @media only screen and (min-width:1200px){ .card-2319.width-2 a, .card-2319.width-3 a, .card-2319.width-4 a { flex-direction: unset; display: grid; column-gap: 16px; } .card-2319.width-2 a { grid-template-columns: repeat(2, 1fr); } .card-2319.width-3 a, .card-2319.width-4 a { grid-template-columns: 3fr 1fr; } .card-2319.width-2 a .details, .card-2319.width-3 a .details, .card-2319.width-4 a .details { order: 2; } .card-2319.width-2 a .image, .card-2319.width-3 a .image, .card-2319.width-4 a .image { order: 1; height: unset; } .card-2319.width-2 a .image, .card-2319.width-3 a .image { margin: 8px; border-radius: -8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-2319.width-4 a .image { height: calc(100% - 16px); width: 100%; overflow: hidden; margin: 8px 0; border-radius: 0; } } .card-2320 { 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; overflow: hidden; box-sizing: border-box; } .card-2320:hover { background: #ffffff; } .card-2320 a { text-decoration: none; } .card-2320 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-2320 a .image { height: 190px; } } @media only screen and (min-width: 980px) { .card-2320 a .image { height: 190px; } } .card-2320 a .image img { width: 100%; height: 100%; object-fit: cover; } .card-2320 a .image .overlay { position: absolute; inset: 0; z-index: 2; background: rgba(255, 255, 255, 0); } .card-2320:hover a .image .overlay { background: rgba(255, 255, 255, .5); } .card-2320 .description{ display: none; } .card-2320 .container-two { display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; padding: 24px 0; margin: 0 8px 0 8px; } .card-2320 .calendar .widget-icon-calendar:before { margin-right: 8px; } .card-2320 .container-two .additional .street-suburb { display: flex; flex-direction: column; padding: 16px 0; } .card-2320 .container-two .additional .calendar { padding: 16px 0 0; } .card-2320 .suburb { text-transform: capitalize; } .card-2320 a .container-two .additional { margin-top: 8px; } .card-2320 .bedBathCar { display: flex; align-items: center; justify-content: center; text-transform: capitalize; } .card-2320 .bedBathCar .value-wrapper { display: flex; align-items: center; } .card-2320 .bedBathCar .value-wrapper:before { font-size: 14px; } .card-2320:hover .calendar a, .card-2320:hover .container-two .date, .card-2320:hover .container-two .address, .card-2320:hover .container-two .suburb, .card-2320:hover .container-two .additional .bedBathCar, .card-2320:hover .container-two .additional .price { color: #000000; } @media only screen and (min-width:1200px){ .card-2320.width-3, .card-2320.width-4 { } .card-2320.width-3, .card-2320.width-4 { flex-direction: unset; display: grid; column-gap: 16px; } .card-2320.width-3 { grid-template-columns: repeat(3, 1fr); } .card-2320.width-4 { grid-template-columns: repeat(4, 1fr); } .card-2320.width-3 .container-one, .card-2320.width-4 .container-one { grid-column: 1 / 3; } .card-2320.width-3 .container-two, .card-2320.width-4 .container-two { margin: 0 8px 8px; } .card-2320.width-4 .container-two { grid-column: span 2; } .card-2320.width-3 .container-one .image-wrapper, .card-2320.width-4 .container-one .image-wrapper { height: 100%; } .card-2320.width-3 .container-one .image, .card-2320.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-2320.width-3 .container-two, .card-2320.width-4 .container-two { display: flex; margin: 8px 8px 8px 0; padding: 0; } } .card-2321 { 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; overflow: hidden; box-sizing: border-box; } .card-2321:hover { background: #ffffff; } .card-2321 a { text-decoration: none; } .card-2321 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-2321 a .image { height: 190px; } } @media only screen and (min-width: 980px) { .card-2321 a .image { height: 190px; } } .card-2321 a .image img { width: 100%; height: 100%; object-fit: cover; } .card-2321 a .image .overlay { position: absolute; inset: 0; z-index: 2; background: rgba(255, 255, 255, 0); } .card-2321:hover a .image .overlay { background: rgba(255, 255, 255, .5); } .card-2321 .description{ display: none; } .card-2321 .container-two { display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; padding: 24px 0; margin: 0 8px 0 8px; } .card-2321 .calendar .widget-icon-calendar:before { margin-right: 8px; } .card-2321 .container-two .additional .street-suburb { display: flex; flex-direction: column; padding: 16px 0; } .card-2321 .container-two .additional .calendar { padding: 16px 0 0; } .card-2321 .container-two .agent { display: none; } .card-2321 .suburb { text-transform: capitalize; } .card-2321 a .container-two .additional { margin-top: 8px; } .card-2321 .bedBathCar { display: flex; align-items: center; justify-content: center; text-transform: capitalize; } .card-2321 .bedBathCar .value-wrapper { display: flex; align-items: center; } .card-2321 .bedBathCar .value-wrapper:before { font-size: 14px; } .card-2321:hover .calendar a, .card-2321:hover .container-two .date, .card-2321:hover .container-two .street, .card-2321:hover .container-two .suburb, .card-2321:hover .container-two .additional .bedBathCar, .card-2321:hover .container-two .additional .price { color: #000000; } @media only screen and (min-width:1200px){ .card-2321.width-3, .card-2321.width-4 { } .card-2321.width-3, .card-2321.width-4 { flex-direction: unset; display: grid; column-gap: 16px; } .card-2321.width-3 { grid-template-columns: repeat(3, 1fr); } .card-2321.width-4 { grid-template-columns: repeat(4, 1fr); } .card-2321.width-3 .container-one, .card-2321.width-4 .container-one { grid-column: 1 / 3; } .card-2321.width-3 .container-two, .card-2321.width-4 .container-two { margin: 0 8px 8px; } .card-2321.width-4 .container-two { grid-column: span 2; } .card-2321.width-3 .container-one .image-wrapper, .card-2321.width-4 .container-one .image-wrapper { height: 100%; } .card-2321.width-3 .container-one .image, .card-2321.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-2321.width-3 .container-two, .card-2321.width-4 .container-two { display: flex; margin: 8px 8px 8px 0; padding: 0; } } .card-2322 a { text-decoration: none; border: 1px solid #C6C6C6; border-radius: 0px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; color: inherit; background: #ffffff; min-height: 384px; box-sizing: border-box; } .card-2322:hover a { background: #ffffff; } .card-2322 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-2322 a .image { height: 190px; } } @media only screen and (min-width: 980px) { .card-2322 a .image { height: 190px; } } .card-2322 a .image img { width: 100%; height: 100%; object-fit: cover; } .card-2322 a .image .overlay { position: absolute; inset: 0; z-index: 2; background: rgba(255, 255, 255, 0); } .card-2322:hover a .image .overlay { background: rgba(255, 255, 255, .5); } .card-2322 a .details { display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; padding: 32px 0; margin: 0 8px; } .card-2322 a .details .postcode { padding-bottom: 16px; } .card-2322:hover a .details .suburb-name, .card-2322:hover a .details .postcode, .card-2322:hover a .details .blurb { color: #000000; } @media only screen and (min-width:1200px){ .card-2322.width-2 a, .card-2322.width-3 a, .card-2322.width-4 a { flex-direction: unset; display: grid; column-gap: 16px; } .card-2322.width-2 a { grid-template-columns: repeat(2, 1fr); } .card-2322.width-3 a { grid-template-columns: repeat(3, 1fr); } .card-2322.width-3 a .image{ grid-column: 1 / 3; } .card-2322.width-4 a { grid-template-columns: repeat(4, 1fr); } .card-2322.width-4 a .image { grid-column: 1 / 3; } .card-2322.width-2 a .details, .card-2322.width-3 a .details, .card-2322.width-4 a .details { order: 2; margin: 8px; } .card-2322.width-2 a .image, .card-2322.width-3 a .image, .card-2322.width-4 a .image { order: 1; height: unset; } .card-2322.width-2 a .image, .card-2322.width-3 a .image, .card-2322.width-4 a .image { margin: 8px 0 8px 8px; border-radius: -8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-2322.width-4 a .image { height: calc(100% - 16px); overflow: hidden; } .card-2322.width-4 a .details { display: flex; justify-content: center; align-items: center; grid-column: span 2; } } .card-2323 .content-wrapper { height: 100%; overflow: hidden; background: #ffffff; border-radius: 0px; border: 1px solid #C6C6C6; color: inherit; text-decoration: none; box-sizing: border-box; } .card-2323:hover .content-wrapper { background: #ffffff; } .card-2323 .content-wrapper .content { display: flex; flex-direction: column; align-items: center; margin: 8px; justify-content: center; } .card-2323 .content-wrapper .quotes { font-size: 15px; color: #000000; padding-bottom: 8px; } .card-2323 .content-wrapper .headline { padding-bottom: 16px; } .card-2323 .content-wrapper .from-name { padding-top: 16px; } .card-2323 .content-wrapper .from-name, .card-2323 .content-wrapper .headline, .card-2323 .content-wrapper .testimonial { text-align: center; } .card-2323:hover .content-wrapper .quotes, .card-2323:hover .content-wrapper .from-name, .card-2323:hover .content-wrapper .headline, .card-2323:hover .content-wrapper .testimonial { color: #000000; } @media only screen and (min-width: 640px) { .card-2323 .content-wrapper { display: flex; justify-content: center; min-height: 150px; } .card-2323 .content-wrapper .content { max-width: 400px; } .card-2323 .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-2323 .content-wrapper .testimonial::-webkit-scrollbar { width: 4px; } .card-2323 .content-wrapper .testimonial::-webkit-scrollbar-track { background: transparent; } .card-2323 .content-wrapper .testimonial::-webkit-scrollbar-thumb { background-color: #EAEAEA; border-radius: 2px; border: transparent; } .card-2323:hover .content-wrapper .testimonial::-webkit-scrollbar-thumb { background-color: #EAEAEA; } } @media only screen and (min-width: 980px) { .card-2323 .content-wrapper { min-height: 150px; } .card-2323 .content-wrapper .content { max-width: 700px; } .card-2323 .content-wrapper .testimonial { -webkit-line-clamp: 3; } } @media only screen and (min-width:1200px){ .card-2323.width-2 .content-wrapper { grid-template-columns: repeat(2, 1fr); } .card-2323.width-3 .content-wrapper, .card-2323.width-4 .content-wrapper { grid-template-columns: 3fr 1fr; } } @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=], .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: center; 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 { 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:header-edinburgh:823 - start */ .layout-823 { position: sticky; height: 70px; z-index: 3; inset: 0 0 auto; text-align: center; background-color: #00467f; padding: 0 16px; } .layout-823.hovering { background-color: #efefef; } .layout-823.open { background-color: #1e4881; } .layout-823 .inner-container { position: relative; max-width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box; color: white; display: flex; justify-content: space-between; align-items: center; gap: 16px; } @media only screen and (min-width:980px) { .layout-823 .inner-container a.logo-link, .layout-823 .inner-container .inline-menu, .layout-823 .inner-container .navigation { flex: 1; } } .layout-823 .inner-container a.logo-link { display: flex; justify-content: flex-start; height: 100%; align-items: center; } .layout-823 .inner-container a.logo-link.hovering-logo { display: none } .layout-823.hovering { .inner-container a.logo-link { display: none; } .inner-container a.logo-link.hovering-logo { display: flex; } } @media only screen and (min-width:980px) { .layout-823 .inner-container a.logo-link { justify-content: center; } } .layout-823 .inner-container a.logo-link img { height: 70%; max-width: 100%; object-fit: contain; } .layout-823 .inner-container .inline-menu { display: none; } .layout-823 .inner-container .navigation { display: flex; align-items: center; justify-content: flex-end; gap: 16px; } .layout-823 .inner-container .navigation .button { display: none; } @media only screen and (min-width:980px) { .layout-823 .inner-container .navigation .button { display: block; } } .layout-823 .inner-container .menu-button { display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; z-index: 3; box-sizing: border-box; } .layout-823 .inner-container .menu-button i.active { display: block; } .layout-823 .inner-container .menu-button i {font-family: 'Inter', sans-serif;color: #ffffff;font-size: 25px;line-height: 37.5px;font-weight: 500;}.layout-823 .inner-container .menu-button i:hover,.layout-823 .inner-container .menu-button i:active {color: #e6e6e6;} .layout-823 .inner-container .menu-button i { display: none; line-height: unset; } .layout-823.hovering .inner-container .menu-button i { color: #efefef; } .layout-823 .button {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: content-box;text-decoration: none;display: inline-block;padding: 0 17.5px;height: 35px;line-height: 35px;font-family: 'Inter', sans-serif;color: #ffffff;font-size: 15px;font-weight: 400;border-style: solid;border-color: #ffffff;border-width: 1px;border-radius: 3px;background-color: #1e4881;}.layout-823 .button:hover {color: #e6e6e6;background-color: #1e4881;border-color: #e6e6e6;} .layout-823.hovering { .button { background-color: #666; color: #efefef; } } .menu-overlay-823 .button {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: content-box;text-decoration: none;display: inline-block;padding: 0 17.5px;height: 35px;line-height: 35px;font-family: 'Inter', sans-serif;color: #ffffff;font-size: 15px;font-weight: 400;border-style: solid;border-color: #ffffff;border-width: 1px;border-radius: 3px;background-color: #1e4881;}.menu-overlay-823 .button:hover {color: #e6e6e6;background-color: #1e4881;border-color: #e6e6e6;} .menu-overlay-823.open .parent {font-family: 'Inter', sans-serif;color: #ffffff;font-size: 18px;line-height: 27px;font-weight: 600;}.menu-overlay-823.open .parent:hover,.menu-overlay-823.open .parent:active {color: #ffffff;} .menu-overlay-823 .menu-child {font-family: 'Inter', sans-serif;color: #ffffff;font-size: 15px;line-height: 22.5px;font-weight: 400;}.menu-overlay-823 .menu-child:hover,.menu-overlay-823 .menu-child:active {color: #e6e6e6;} .layout-823.open .inner-container .inline-menu { opacity: 0; pointer-events: none; } .menu-overlay-823 { position: fixed; inset: 70px 0 0 0; overflow-y: auto; background-color: #1e4881; z-index: 3; opacity: 0; display: none; } .menu-overlay-823 * { box-sizing: border-box; } .menu-overlay-823.open { opacity: 1; display: block; min-height: calc(100% - 70px - 32px); margin: 0 auto; padding: 32px 16px 0; } @media only screen and (min-width:980px) { .menu-overlay-823.open { padding: 64px 32px 0; } } .menu-overlay-823 nav { overflow: auto; display: block; max-width: 100%; } @media only screen and (min-width:980px) { .menu-overlay-823 nav { display: flex; } } .menu-overlay-823 nav ol { width: 100%; } .menu-overlay-823 nav ol a { text-decoration: none; font-size: 20px; padding: 8px 0; line-height: 35px; display: block; } .menu-overlay-823 nav ol a:hover, .layout-823 nav ol a:hover { transition: ease-in-out 0.2s; } .menu-overlay-823 nav ol a.parent { background-color: transparent; text-transform: uppercase; font-size: 20px; position: relative; line-height: 1.2; } .layout-823 nav ol.hover.has-children:hover .child { display: block; } .menu-overlay-823 nav ol a.parent.active, .layout-823 .inner-container .menu nav ol .parent.active { transition: ease-in-out 0.2s; } .menu-overlay-823 nav ol a.parent span:before { display: block; right: 20px; top: 50%; transform: translateY(-50%); position: absolute; } @media only screen and (min-width:980px) { .menu-overlay-823 nav ol a.parent span:before { display: none; } } .menu-overlay-823 nav ol ul { display: none; } .menu-overlay-823 nav ol.active ul { display: block; } @media only screen and (min-width:980px) { .menu-overlay-823 nav ol ul { display: block; } } @media only screen and (min-width:980px) { .menu-overlay-823 nav ol ul { display: block; } } .menu-overlay-823 nav ol ul li a { font-size: 14px; line-height: 1; } .layout-823 .parent {font-family: 'Inter', sans-serif;color: #ffffff;font-size: 15px;line-height: 22.5px;font-weight: 500;}.layout-823 .parent:hover,.layout-823 .parent:active {color: #e6e6e6;} .layout-823 .menu-child {font-family: 'Inter', sans-serif;color: #ffffff;font-size: 15px;line-height: 22.5px;font-weight: 400;}.layout-823 .menu-child:hover,.layout-823 .menu-child:active {color: #e6e6e6;} .layout-823.hovering { .parent { color: #999; } .menu-child { color: #efefef; background-color: #666; } } @media only screen and (min-width:980px) { .layout-823 { padding: 0 32px; } .layout-823 .inner-container .inline-menu { display: flex; height: 100%; } .layout-823 .inner-container .inline-menu .menu { display: flex; align-items: center; gap: 16px; } .layout-823 .inner-container .inline-menu .menu > ol { height: 100%; } .layout-823 .inner-container .inline-menu .menu ol a { text-decoration: none; display: block; } .layout-823 .inner-container .inline-menu .menu ol .parent { height: 100%; display: flex; align-items: center; } @media only screen and (min-width:980px) { .layout-823 .inner-container .inline-menu .menu ol .parent span:before { display: none; } } .layout-823 .inner-container .inline-menu .menu ol .child::before { content: ''; display: block; position: absolute; top: -8px; left: 16px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #00467f; } .layout-823 .inner-container .inline-menu .menu ol .child { display: none; position: absolute; min-width: 200px; margin-top: 8px; background-color: #00467f; text-align: Left; } .layout-823.hovering { .inner-container .inline-menu .menu ol .child { background-color: #999; &::before { border-bottom: 8px solid #999; } } } .layout-823 .inner-container .inline-menu .menu ol .child a { padding: 8px 16px; } .menu-overlay-823 nav .menu-wrapper ol a.parent span:before { display: none; } } /* header:header-edinburgh:823 - end */ /* widget:tpe-0001:255965 - start */ @media only screen and (max-width:640px) { .widget-255965 .container { background-attachment: unset; } } @media only screen and (max-width:640px) { .widget-255965 { background-attachment: unset; } } .demo-data-warning { font-family: Arial, sans-serif; font-size: 12px; line-height: 1.25; font-weight: 400; position: fixed; top: 32px; left: 32px; width: 245px; z-index: 9999; color: #ff7043; border: 1px solid #ff7043; background: #ffe2d9; padding: 1em; border-radius: 8px; display: grid; gap: .5em; animation: modal-close 1s cubic-bezier(0.4, 0, 0.2, 1); animation-delay: 15s; animation-fill-mode: forwards; p { margin: 0; } strong { display: block; font-weight: 600; text-decoration: underline; } } @keyframes modal-close { 0% { top: 32px; opacity: 1; } 100% { top: -50px; opacity: 0; } } /* widget:tpe-0001:255965 - end */ /* footer:footer-athens:824 - start */ .layout-824 .container:first-child { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } @media only screen and (max-width:640px) { .layout-824 .container { background-attachment: unset; } } @media only screen and (max-width:640px) { .layout-824 { background-attachment: unset; } } .demo-data-warning { font-family: Arial, sans-serif; font-size: 12px; line-height: 1.25; font-weight: 400; position: fixed; top: 32px; left: 32px; width: 245px; z-index: 9999; color: #ff7043; border: 1px solid #ff7043; background: #ffe2d9; padding: 1em; border-radius: 8px; display: grid; gap: .5em; animation: modal-close 1s cubic-bezier(0.4, 0, 0.2, 1); animation-delay: 15s; animation-fill-mode: forwards; p { margin: 0; } strong { display: block; font-weight: 600; text-decoration: underline; } } @keyframes modal-close { 0% { top: 32px; opacity: 1; } 100% { top: -50px; opacity: 0; } } .layout-824 .container { margin-top: 56px; max-width: unset; } .layout-824 .site-map { background: #00467f; padding: 30px; padding-bottom: 0; } .layout-824 .site-map .inner-container { max-width: 1200px; margin: 0 auto; box-sizing: border-box; } .layout-824 .site-map .inner-container ul li { padding-bottom: 30px; text-align: center; } @media only screen and (min-width:640px) { .layout-824 .site-map .inner-container ul { display: flex; justify-content: flex-start; flex-wrap: wrap; } .layout-824 .site-map .inner-container ul li{ width: 50%; text-align: left; } } @media only screen and (min-width:980px) { .layout-824 .site-map{ padding-bottom: 60px; } .layout-824 .site-map .inner-container ul li { width: 25%; padding-bottom: 0; } } .layout-824 .site-map .inner-container ul li a.parent-link { display: block; text-decoration: none; } .layout-824 .site-map .parent-link {font-family: 'Inter', sans-serif;color: #ffffff;font-size: 17px;line-height: 25.5px;font-weight: 600;} .layout-824 .site-map .inner-container ul li a.parent-link:hover { text-decoration: underline; } .layout-824 .site-map .inner-container ul li a.link { display: block; margin-top: 10px; color: inherit; text-decoration: none; font-family: inter; color: #ffffff; font-size: 15px; font-weight: 400; } .layout-824 .site-map .inner-container ul li a.link:hover { text-decoration: underline; color: #d6d6d6; } .layout-824 .site-map .inner-container ul .button-container .heading { text-align: center; margin-bottom: 15px; } .layout-824 .site-map .inner-container ul .button-container .heading_1 { font-family: inter; color: #ffffff; font-size: 18px; font-weight: 500; } .layout-824 .site-map .inner-container ul .button-container .heading_2 { font-family: inter; color: #ffffff; font-size: 18px; font-weight: 500; } .layout-824 .site-map .inner-container ul .button-container a.button { display: block; text-align: center; max-width: 340px; margin: 0 auto 30px; } .layout-824 .site-map .inner-container ul .button-container .button_1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: content-box;text-decoration: none;display: inline-block;padding: 0 17.5px;height: 35px;line-height: 35px;font-family: 'Inter', sans-serif;color: #ffffff;font-size: 15px;font-weight: 500;border-style: solid;border-color: #0089ff;border-width: 2px;border-radius: 2px;background-color: #0089ff;}.layout-824 .site-map .inner-container ul .button-container .button_1:hover {color: #ffffff;background-color: #329afb;border-color: #329afb;} .layout-824 .site-map .inner-container ul .button-container .button_2 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: content-box;text-decoration: none;display: inline-block;padding: 0 17.5px;height: 35px;line-height: 35px;font-family: 'Inter', sans-serif;color: #00467f;font-size: 15px;font-weight: 500;border-style: solid;border-color: #ffffff;border-width: 2px;border-radius: 2px;background-color: #ffffff;}.layout-824 .site-map .inner-container ul .button-container .button_2:hover {color: #00467f;background-color: #f2f2f2;border-color: #f2f2f2;} .layout-824 .legal-links { text-align: center; background-color: #f0f0f0; padding: 10px 0; font-family: inter; color: #134780; font-size: 12px; font-weight: 500; } .layout-824 .legal-links a { color: inherit; text-decoration: none; } .layout-824 .legal-links a:hover { text-decoration: underline; color: #165eac; } .layout-824 .footer-logo { display: inline-block; margin-bottom: 30px; width: auto; max-width: 340px; margin: 0 auto 30px; } .layout-824 .footer-logo img { width: 100%; max-widht: 100% } /* footer:footer-athens:824 - end */ 1f6l4t