@import url("//fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i");
@import url("//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i");
@import url("//fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,900,900i");
@font-face {
font-family: 'HelloBeautiful';
src: url(//www.wahousingcentre.com.au/wp-content/themes/wa-housing/assets/fonts/hello-beautiful/HelloBeautiful.otf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ParisineSombreRegular';
src: url(//www.wahousingcentre.com.au/wp-content/themes/wa-housing/assets/fonts/parisine-sombre/ParisineSombreRegular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}    html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
} :focus {
outline: 0;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}/*\*/.clearfix {
display: block;
}/**/.title.title--featured-blogs {
margin-top: 1.0em;
} @media print {
@page {
margin: 1.5cm;
}
} @media print and (color) {
* {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
*, *:before, *:after {
box-sizing: border-box;
} nav, .mobileonly, .share-widget, #designstudio, #designstudio-button, .noprint, .topstrip, .buttons, .button, .breadcrumb, section.content-container.desktoponly,
.panel.blog.blog-listing, .gform_wrapper, p.view-terms a, .sort {
display: none !important;
}
.printonly {
display: block !important;
} .visitwebsite {
width: 100%;
padding: 30px 0;
text-align: center;
color: #00244e;
background: #F4F5F9;
font-size: 16px;
line-height: 1;
margin: 25px 0;
}
.visitwebsite span {
text-transform: uppercase;
font-size: 10px;
display: inline-block;
margin-right: 5px;
}
body {
font: 400 16px/24px 'Lato', sans-serif;
color: #575757;
overflow-x: hidden;
width: 100%;
margin: 0;
padding: 0;
}
img {
max-width: 100% !important;
height: auto !important;
}
ul, img {
page-break-inside: avoid;
}
h1, h2, h3, h4, h5 {
font-weight: 300;
page-break-after: avoid;
}
strong {
font-weight: 700;
}
table {
border-collapse: collapse;
border: 0;
}
table td, table th {
padding: 6px 10px;
border-bottom: 1px solid #ddd;
}
table th {
text-align: left;
font-weight: 500;
color: #fff;
background-color: #404041;
white-space: nowrap;
}
table tbody tr:nth-child(odd) td {
background: #e7f6f5;
}
.responsivetable {
width: 100%;
overflow-x: auto;
}
.responsivetable table {
width: 100%;
}
.note {
font-size: 9px;
}
header {
width: 100%;
text-align: center;
}
header .logo {
margin: auto;
display: inline-block;
}
header .btn-qualify {
display: none;
}
footer {
border-top: 1px solid #ddd;
margin-top: 20px;
padding: 15px 0 0;
font-size: 12px;
line-height: 1.6;
text-align: center;
}
#finance {
display: block;
font-size: 9px;
line-height: 1.4;
text-align: center;
}
.title {
padding: 50px 0;
text-align: center;
background-size: cover;
background-position: right center;
position: relative;
color: #00244e;
}
.title:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #F4F5F9;
opacity: .7;
z-index: 1;
}
h1.title:before {
display: none;
}
.title h1,
.title h2,
h1.title {
font-size: 26px;
position: relative;
z-index: 2;
color: #00244e;
}
h1.title {
padding: 0 0 10px;
}
.title-address {
text-align: center;
margin-bottom: 20px;
}
.title div {
position: relative;
z-index: 2;
}
.title .heading p {
margin: -15px 0 20px;
}
section.panel {
padding: 50px 0;
}
section.content-container {
padding: 50px 0;
background-color: #fff !important;
}
section.content-container.detail {
padding-top: 0;
} .content h1, .content h2, .content h3, .content h4, .content h5, .content p,
.content ul, .content ol, .content table, .content form, .content hr, section.panel h2,
section.panel p {
margin: 0 0 25px;
}
.content p:last-child {
margin-bottom: 0;
}
h1, h2, h3, h4 {
color: #00244e;
line-height: 1.2;
}
.content h1, .title h1 {
font-size: 34px;
}
.content h2, section.panel h2 {
font-size: 30px;
}
.content h3 {
font-size: 26px;
}
.content h4 {
font-size: 22px;
}
a {
color: #575757;
text-decoration: none;
}
.content hr {
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
height: 1px;
}
.content ul, .content ol {
list-style: disc;
margin-left: 30px;
}
.content ol {
list-style: decimal;
} footer .socialicons,
footer .about p:nth-child(3),
footer .about h2,
footer .contact h2,
footer .sitemap,
footer .newsletter,
footer .otherlinks {
display: none;
}
footer section.panel {
padding: 30px 0 0;
} .banner .slides {
width: 100vw !important;
overflow: visible !important;
margin-left: 0 !important;
}
.banner .slides li {
line-height: 0 !important;
width: 50vw !important;
}
.banner .flex-control-nav,
.banner .flex-direction-nav,
.banner .slides li:first-child,
.banner .slides li:last-child {
display: none !important;
}
.r-tabs-anchor {
display: none;
}
.panel.step-panel .image {
display: none;
}
.panel.step-panel .content {
margin-bottom: 40px;
}
section.panel.popular {
padding-top: 0;
}
section.panel.popular .slick-track {
width: 100vw !important;
-webkit-transform: none !important;
transform: none !important;
}
section.panel.popular .slick-track .item {
clear: none;
border: 0;
}
section.panel.seo-intro {
padding: 80px;
}
section.panel.seo-intro,
section.panel.seo-intro a,
section.panel.seo-intro h1 {
color: #fff;
} .listing .item {
float: left;
width: 49% !important;
margin: 0 0 40px 2% !important;
border: 1px solid #efefef;
position: relative;
text-align: center;
}
.listing .added {
border-color: #fcb131 !important;
}
.listing .item:nth-child(2n + 1) {
margin-left: 0 !important;
}
.listing .item .image {
line-height: 0;
overflow: hidden;
position: relative;
}
.listing .item .image img {
width: 100%;
}
.listing .item .labels {
position: absolute;
top: 40px;
left: 10px;
width: 54px;
z-index: 10;
text-align: left;
}
.listing .item .labels .new {
width: 44px;
}
.listing .item .labels .award {
width: 54px;
}
.listing .item .label-display {
position: absolute;
bottom: 3px;
left: 0;
width: 100px;
z-index: 10;
}
.listing .item .spec {
padding: 15px 0 30px 0;
}
section.popular .listing .item .spec {
background-color: #fff;
}
.listing .item .spec > div {
float: left;
width: 33.333333%;
text-align: center;
font-size: 24px;
font-weight: 300;
}
.listing .item .spec > div:first-child {
border: 0;
}
.listing .item .spec > div span {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
color: #002d62;
display: block;
}
.listing .item .spec > div span img {
margin: auto;
}
.listing .item h3 {
font-size: 26px;
font-weight: 300;
text-transform: none;
display: block;
padding: 20px 0 0;
color: #002d62;
margin-bottom: 0;
}
.listing .item h3 i {
color: #e82350;
font-size: 12px;
margin-left: 5px;
}
.listing .added h3 {
background: #fcb131;
color: #fff;
}
.listing .added h3 i {
color: #fff;
}
section.popular .listing .item h3 {
background: #fff;
}
.listing .item .price {
padding: 20px;
background: #e6e9ee;
color: #002d62;
}
.listing .item .price .per-week {
float: left;
font-weight: bold;
font-size: 18px;
}
.listing .item .price .total {
float: right;
font-size: 18px;
font-weight: 300;
}
section.popular .listing .item:first-child,
section.popular .listing .item:nth-child(2n + 1) {
margin-left: 0 !important;
}
section.popular .listing .item {
border: 0;
}
section.popular .listing .item > div {
border: 1px solid #F3F4F8;
}
section.popular .listing .slick-list {
padding: 0 !important;
}
section.popular .listing .slick-arrow {
display: none !important;
}
section.popular .listing .item .addtoshortlist {
display: none;
}
section.popular .listing .item .labels {
left: 20px;
}
.detail img.spec-icon, .listing img.spec-icon, .popular img.spec-icon {
width: 44px;
height: 44px;
}
.listing .item .directions {
margin-bottom: 30px;
}
.top-description {
margin-bottom: 30px;
} .about.first .image-detail-right {
padding-bottom: 20px;
}
.first-home-buyers .content,
.finance .content,
.about .content {
width: 60%;
float: left;
}
.title-description.content {
float: none;
width: auto;
}
.title-description.content h2,
.title-description.content p {
width: auto !important;
}
.image-detail-right .image, .image-detail-left .image {
text-align: center;
width: 40%;
position: relative;
}
.first-home-buyers .image-detail-right .image img, .first-home-buyers .image-detail-left .image img, .finance .image-detail-right .image img, .finance .image-detail-left .image img, .about .image-detail-right .image img, .about .image-detail-left .image img {
margin: auto;
width: 220px !important;
height: 220px !important;
}
.image-detail-right .image {
padding-left: 20px;
}
.image-detail-left .image {
float: left;
padding-right: 30px;
}
.image-detail-right .image {
float: right;
}
.image-detail-left .content {
float: right;
}
section.finance .logo-block, section.about .logo-block {
padding: 0 20px;
margin: 10px 0 40px 0;
}
.flex-direction-row {
-moz-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
}
.flex-container {
display: flex;
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
width: 100%;
}
section.about .flex-container > div {
flex-basis: 20%;
-webkit-flex-basis: 20%;
margin: auto;
text-align: center;
padding: 0 10px;
}
.content-container.image-detail-background {
color: #fff;
padding: 60px;
}
.content-container.image-detail-background h2,
.content-container.image-detail-background a {
color: #fff;
}
.content-container.image-detail-background.first-home-buyers .content {
width: 100%;
float: none;
}
.guarantee-points .item {
text-align: center;
padding: 40px 0;
}
.awards-listing {
margin-bottom: 60px;
}
.awards-listing:last-child {
margin-bottom: 0;
}
.awards-listing h3 {
text-align: center;
font-size: 36px;
line-height: 40px;
margin-bottom: 50px;
}
.awards-listing .item:nth-child(3n + 1) {
margin-left: 0;
}
.awards-listing .item {
float: left;
width: 30%;
margin-left: 4%;
text-align: center;
}
.awards-listing .item .text {
min-height: 140px;
}
section.partners-panel .section-content .partners-info {
flex-wrap: wrap;
margin-top: 60px;
}
section.partners-panel .section-content .partners-info .item {
text-align: center;
position: relative;
flex-basis: calc(33.33% - 30px);
-webkit-flex-basis: calc(33.33% - 30px);
margin: 0 15px 30px;
border: 1px solid #f2f4f7;
background-color: #f2f4f7;
}
section.partners-panel .section-content .partners-info .item a {
display: block;
color: inherit;
}
section.partners-panel .section-content .partners-info .item .image {
padding: 40px 0;
background: #fff;
}
section.partners-panel .section-content .partners-info .item .content {
padding: 40px 30px;
}
section.partners-panel .section-content .partners-info .item .content h3 {
font-size: 24px;
margin-bottom: 10px;
}
#disclaimer,
.mini-notice,
.note {
display: block !important;
font-size: 9px;
line-height: 14px;
position: relative;
text-indent: 5px;
}
#disclaimer:before {
content: '*';
position: absolute;
top: 0;
left: -5px;
font-size: 9px;
}
.blog-detail img {
margin-bottom: 30px;
}
.blog-detail .side,
.blog-detail .tags,
.blog-detail .yarpp-related {
display: none;
}
.sw-home-box {
vertical-align: top;
text-align: center;
background: #f8f8f8;
width: 30%;
display: inline-block;
margin: 0 1.1% 50px;
}
.sw-home-box:hover a.box-button {
background-color: #ffc600;
}
.sw-home-box .box-image {
margin-bottom: 18px;
}
.sw-home-box .box-image img {
display: block;
max-width: 100%;
width: 100%;
}
.sw-home-box p {
margin: 0;
}
.sw-home-box .box-image-package {
margin-bottom: 0;
}
.sw-home-box .box-image-package a {
display: block;
}
.sw-home-box .box-image-package img {
display: block;
max-width: 100%;
width: 100%;
}
.sw-home-box .box-image img {
max-width: 100%;
width: 100%;
display: block;
}
.sw-home-box h3 {
color: #1e4799;
margin: 0 0 10px 0;
font-weight: bold;
font-size: 23px;
}
.sw-home-box h3 a {
color: #1e4799;
}
.sw-home-box a.sw-box-wwrapper {
color: #58585a;
display: block;
}
.sw-home-box .box-address {
margin: 0 0 10px;
font-size: 14px;
}
.sw-home-box .box-details-row {
overflow: hidden;
margin-bottom: 10px;
}
.sw-home-box .box-details-row .box-details {
text-transform: uppercase;
float: left;
width: 25%;
padding: 0 5px;
text-align: center;
border-right: solid 1px #efefef;
line-height: normal;
}
.sw-home-box .box-details-row .box-details:last-child {
border: none;
}
.sw-home-box .box-details-row .box-details h4 {
color: #58585a;
font-weight: normal;
font-size: 9px;
text-transform: uppercase;
margin: 3px 0;
font-family: "Open Sans", sans-serif;
}
.sw-home-box .box-details-row .box-details .value {
font-family: 'Lato', sans-serif;
color: #1e4799;
font-size: 15px;
text-transform: none;
font-weight: bold;
}
.sw-home-box a:hover {
text-decoration: none;
}
.sw-home-box a.box-button {
background: #e2383f;
color: #fff;
text-transform: uppercase;
font-size: 15px;
text-align: center;
display: block;
font-weight: bold;
padding: 15px 12px;
}
.sw-home-box a.box-button:hover {
text-decoration: none;
}
section.south-west.content-container .side,
section.south-west.content-container .box-button {
display: none;
}
section.contact .contact-details {
margin-bottom: 40px;
}
section.contact .contact-details p {
display: none;
}
img.cover, video.cover {
-o-object-fit: cover;
object-fit: cover;
}
.circle {
border-radius: 50%;
}
.list-steps {
width: 100%;
margin-top: 50px;
margin-bottom: 30px;
}
.list-steps .step {
width: 33.33%;
float: left;
padding: 50px 15px;
text-align: center;
}
.list-steps .step h2 {
text-transform: uppercase;
font-weight: 300;
font-size: 24px;
color: #002d62;
padding-bottom: 30px;
line-height: 1;
}
.list-steps .step:nth-child(1) {
background: #f7f8fa;
}
.list-steps .step:nth-child(2) {
background: #f0f3f6;
}
.list-steps .step:nth-child(3) {
background: #e5eaef;
}
.detail-step {
height: 132px;
margin-top: 10px;
margin-bottom: 10px;
}
.detail-step .image-step {
height: 100%;
width: 30%;
float: left;
}
.detail-step .description {
height: 100%;
width: 70%;
float: left;
position: relative;
}
.detail-step .description p {
text-align: left;
padding-right: 15px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.list-steps .step .arrow {
padding-top: 10px;
}
.list-steps .step .arrow .lnr-chevron-down:before {
font-size: 20px;
color: #ccc;
}
.list-steps .step {
width: 100%;
}
.list-steps .step h2 {
padding-bottom: 10px;
}
.list-steps .step {
margin-bottom: 15px;
}
.first-home-buyers .step .image-step img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.first-home-buyers .step .image-step {
position: relative;
}
section.finance .flex-container > div {
flex-basis: 25%;
-webkit-flex-basis: 25%;
margin: auto;
text-align: center;
padding: 0 10px;
}
.side-right {
padding: 20px 0;
}
.side-right .items.flex-container {
padding-bottom: 40px;
}
.side-right .items > div {
float: left;
border-left: 1px solid #e1e1e1;
text-align: center;
}
.side-right .items.third > div {
border: 0;
}
.side-right .prices {
text-align: center;
margin-bottom: 30px;
color: #002d62;
}
.side-right .prices .perweek {
font-size: 28px;
font-weight: 700;
margin-bottom: 5px;
}
.side-right .prices .perweek span {
font-size: 18px;
}
.side-right .prices .total {
font-size: 22px;
font-weight: 300;
}
.side-right .enquire-btn {
text-align: center;
}
.side-right .items div:first-child {
border-left: none;
}
.side-right .items.first > div {
flex-basis: 33.33%;
-webkit-flex-basis: 33.33%;
}
.side-right .items.second > div {
flex-basis: 50%;
-webkit-flex-basis: 50%;
}
.side-right .items.second img {
margin-right: 7px;
}
.side-right .items.third {
padding-left: 20px;
padding-right: 20px;
}
.side-right .items.third > div {
flex-basis: 25%;
-webkit-flex-basis: 25%;
opacity: 0.1;
}
.side-right .items.third > div.active {
opacity: 1;
}
.side-right .items div.prices {
padding-right: 0;
}
.side-right .items div.location {
font-size: 20px;
}
.side-right .items div.location .label {
margin-bottom: 12px;
}
.side-right .measurement {
font-size: 20px;
}
.property-content-slider .side-right .label {
display: block;
font-size: 11px;
text-transform: uppercase;
color: #0b3f7c;
font-weight: 400;
}
.property-content-slider .side-right .value {
color: #002d62;
font-size: 24px;
font-weight: bold;
}
.detail .img-lot {
width: 40%;
position: relative;
}
.detail .img-homesize {
width: 30%;
position: relative;
}
.detail .value-homesize {
width: 50%;
}
.detail .img-lot img,
.detail .img-homesize img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.detail .value-lot {
width: 40%;
}
.property-content-slider .slides {
width: 100vw !important;
-webkit-transform: none !important;
transform: none !important;
}
.property-content-slider .slides li {
display: none !important;
float: none !important;
width: 100% !important;
}
.property-content-slider .slides li:nth-child(2) {
display: block !important;
}
.property-content-slider .slides img {
width: 100% !important;
}
.property-contact .image {
text-align: center;
}