/* Theme Name:Key 2 Property Theme URI:http://demo.thatid.com/key2/ Author:Agentpoint Author URI:http://demo.thatid.com/key2/ Description:Key 2 Property Tags:responsive design */ @import url('css/utilities.css?v=1.000'); @import url(https://fonts.googleapis.com/css?family=Quicksand);/*Brandon Grotesque*/ @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700); /* ==================================================================================================== GLOBAL ==================================================================================================== */ *{margin:0;padding:0;box-sizing:border-box} html, body {-webkit-text-size-adjust:none} html {margin-right:0 !important} body { font-size:1em;line-height:1.5;color:#4b3b4c;font-family:'Source Sans Pro', sans-serif; background-color:#fff; background-image:url(images/body_bg-min.jpg?v=1) !important; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; } body#selling {background-image:url(images/mandoor-min.jpg?v=1)} body#buy {background-image:url(images/buyerdoor-min.jpg?v=1)} body#make-contact {background-image:url(images/letterbox-min.jpg?v=1)} h1, h2, h3, h4, h5, h6 {line-height:normal;font-weight:700} h1 {font-size:1.8125em} h2 {font-size:1.5em} h3 {font-size:1.125em} h4 {font-size:1em} h5 {font-size:1em} h6 {font-size:1em} a {color:#9A248E;text-decoration:none;outline:none;-webkit-transition:all 0.5s;transition:all 0.5s} a:hover {color:#333f48} strong {font-weight:600} hr {margin:28px 0;border-top:2px solid #e5e5e5;border-bottom:none} table {width:100%} th, td {padding:5px} .col-center {text-align:center} .col-left {text-align:left} .col-right {text-align:right} /* -forms- */ input, select, textarea {margin:0;box-sizing:border-box} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select, textarea { box-sizing:border-box;width:100%;height:27px;padding:0 10px;background:#fff;border:1px solid #323f48; color:#333f48;font-size:0.875em;outline:none; } select {padding:0 6px} textarea {display:block;height:78px;padding:10px;resize:none} input[type="submit"], input[type="button"], a.button, button { line-height:normal;padding:5px 20px;margin:0;cursor:pointer;background:#9A248E;border:none; color:#fff;font-size:0.875em;text-transform:uppercase; } a.button {display:inline-block;line-height:26px;padding:0 10px} input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, button:hover{/*background:#333f48;*/} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"] {-webkit-appearance:none;border-radius:0;outline:none} :-moz-placeholder {color:#333f48;opacity:1} ::-moz-placeholder {color:#333f48;opacity:1} ::-webkit-input-placeholder {color:#333f48;opacity:1} :-ms-input-placeholder {color:#333f48;filter:alpha(opacity=100)} /* -global classes- */ .borderbox {box-sizing:border-box} .floatwrap:before, .floatwrap:after {display:table;content:""} .floatwrap:after {clear:both} .left {float:left} img.alignleft {float:left;max-width:100%;height:auto;margin:0 28px 28px 0} .right {float:right} img.alignright {float:right;max-width:100%;height:auto;margin:0 0 28px 28px} .clear, .clearer {clear:both;content:""} .text-left {text-align:left} .text-center {text-align:center} .text-right {text-align:right} .text-cut {overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .text-normalize {font-size:1em} .text-pink {color:inherit} .font-georgia {font-family:Georgia, "Times New Roman", Times, serif} .aquo {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.16667em} .required, .red {color:#e00} .hidden {display:none} .allcaps{text-transform:uppercase} .text-right{text-align:right} /* -jQuery Tabs- */ ul.ui-tabs-nav li {float:left} ul.ui-tabs-nav li a {display:block} div.ui-tabs-panel {clear:both} /* -selectbox- */ .sbHolder {position:relative;z-index:1;background:#fff;font-size:0.875em} .sbHolder a {display:block;color:#333f48;transition:none;text-decoration:none } .sbHolder a.sbToggle {position:absolute;z-index:0;top:0;right:0;width:35px;height:25px;background:url(images/icon_selectbox_toggle.png) 0 0 no-repeat} .sbHolder a.sbSelector {position:relative;z-index:1;height:25px;line-height:25px;padding:0 35px 0 10px;border:solid 1px #334048;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .sbHolder ul.sbOptions {position:absolute;top:27px !important;z-index:0;width:100%;max-height:155px !important;margin:0;list-style:none;background:#fff;overflow:auto;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1)} .sbHolder .sbOptions li:first-child {padding:5px 0 0} .sbHolder .sbOptions li:last-child {padding:0 0 5px} .sbHolder .sbOptions li a {padding:2px 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .sbHolder .sbOptions li a:hover {background:#B01DB6;color:#fff} /* -checkbox- */ .jc-radio {position:relative;top:-2px;cursor:pointer} .jc-radio img {vertical-align:middle;width:17px;height:17px} .jc-radio img {display:inline !important;background:url(images/jc_radio_transparent.png?v=1.00) 0 0 no-repeat} .jc-radio-hover img {background-position:0px -17px} .jc-radio-checked img {background-position:0px -34px} .jc-radio-checked .jc-radio-hover img {background-position:0px -34px} .jc-radio-disabled img {background-position:0px 0} .jc-radio-checked .jc-radio-disabled img {background-position:0px 0} .jc-checkbox {position:relative;top:-2px;margin-right:5px;cursor:pointer} .jc-checkbox img {vertical-align:middle;width:17px;height:17px} .jc-checkbox img {display:inline !important;background:url(images/jc_checkbox_transparent.png?v=1.00) 0 0 no-repeat} .jc-checkbox-hover img {background-position:0px -17px} .jc-checkbox-checked img {background-position:0px -34px} .jc-checkbox-checked .jc-checkbox-hover img {background-position:0px -34px} .jc-checkbox-disabled img {background-position:0px 0} .jc-checkbox-checked .jc-checkbox-disabled img {background-position:0px 0} /* -layout- */ #page {position:relative;max-width:1126px;margin:0 auto;-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease} #page.shrink {-ms-transform:translate(-260px, 0);-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)} #header {position:relative;z-index:4;width:100%;left:0} #content {position:relative;z-index:0} header#lead {padding:28px 0;background-color:#f5f3f2} header#lead.alt {padding:33% 0 0;background-position:center center;background-repeat:no-repeat;background-size:cover} header#lead.alt .group {width:90%} header#lead.alt h1.page-title {margin:0;padding:28px 0 0;background:#fff} header#lead.alt h1.page-title span.breadcrumbs {display:block;font-size:0.333333em} header#lead.alt h1.page-title span.breadcrumbs a {color:#333f48} header#lead.alt h1.page-title span.breadcrumbs a:hover, header#lead.alt h1.page-title span.breadcrumbs span.gt {color:#ef6079} header#lead.alt h1.page-title span.breadcrumbs span.appended {padding:0 0 0 5px} header#lead h1.page-title span.role {display:block;padding:0 0 21px;font-size:0.47619em} article#entry {padding:26px 0} #sales #page-sales p, #sales h3.post-title-alt, #sales #sold-map, #selling-tips #entry p {background-color:rgba(255,255,255,0.7);padding:26px 30px} #sales #testimonials h2.section-title {color:#fff} #sales #page-sales #testimonials p {background:none;padding:0} #contact-us div.gform_wrapper {background-color:rgba(255,255,255,0.6);padding:33px;max-width:40.3334%;float:right} #contact-us div#zoomap_1 {clear:both} #contact-us .gform_wrapper .top_label input.medium, #contact-us .gform_wrapper .top_label select.medium {width:80.5%} div.gform_confirmation_message_10 {background-color:rgba(255,255,255,0.7);margin-bottom:32px;font-weight:bold;padding:11px;text-align:center} footer[role="contentinfo"] {position:relative;z-index:1;background:#4C464C;font-size:0.75em;color:#fff} #home footer[role="contentinfo"] {margin:0 auto;max-width:1126px} /* -grid- */ @media screen and (min-width:768px) { [class*="grid-"] {margin-left:-13px;margin-right:-13px} [class*="grid-"]:before, [class*="grid-"]:after {display:table;content:""} [class*="grid-"]:after {clear:both} .boxed[class*="grid-"] {margin-bottom:-26px} [class*="grid-"] > .column {box-sizing:border-box;float:left;padding-left:13px;padding-right:13px;padding-bottom:26px} [class*="grid-"] > .column.full {width:100%} .grid-max-2 > .column {width:40.3334%} .grid-max-3 > .column {width:33.33%} .grid-max-4 > .column {width:25%} .grid-max-5 > .column {width:20%} .grid-two-thirds.a > .column:nth-child(1), .grid-two-thirds.b > .column:nth-child(2) {width:33.33%} .grid-two-thirds.a > .column:nth-child(2), .grid-two-thirds.b > .column:nth-child(1) {width:66.67%} .grid-three-sixth.a > .column:nth-child(1), .grid-three-sixth.b > .column:nth-child(2) {width:33.3037%} .grid-three-sixth.a > .column:nth-child(2), .grid-three-sixth.b > .column:nth-child(1) {width:66.6963%} .grid-four-fifth.a > .column:nth-child(1), .grid-four-fifth.b > .column:nth-child(2) {width:41.7407%} .grid-four-fifth.a > .column:nth-child(2), .grid-four-fifth.b > .column:nth-child(1) {width:58.2593%} .grid-max-2 > .column:nth-of-type(2n+1), .grid-max-3 > .column:nth-of-type(3n+1), .grid-max-4 > .column:nth-of-type(4n+1), .grid-max-5 > .column:nth-of-type(5n+1) {clear:both} .grid-max-2 {padding-left:16%} #stamp-duty-calculator .grid-max-2, #mortgage-calculator .grid-max-2 {padding-left:0} #stamp-duty-calculator .grid-max-2 > .column, #mortgage-calculator .grid-max-2 > .column {width:50%} } @media screen and (min-width:1024px) and (max-width:1151px) { .grid-max-4:not(.keep-grid) > .column {width:33.33%} .grid-max-5:not(.keep-grid) > .column {width:25%} .grid-max-4:not(.keep-grid) > .column:nth-of-type(4n+1), .grid-max-5:not(.keep-grid) > .column:nth-of-type(5n+1) {clear:none} .grid-max-4:not(.keep-grid) > .column:nth-of-type(3n+1), .grid-max-5:not(.keep-grid) > .column:nth-of-type(4n+1) {clear:both} } @media screen and (min-width:768px) and (max-width:1023px) { .grid-max-3:not(.keep-grid) > .column, .grid-max-4:not(.keep-grid) > .column {width:50%} .grid-max-5:not(.keep-grid) > .column {width:33.33%} .grid-max-3:not(.keep-grid) > .column:nth-of-type(3n+1), .grid-max-4:not(.keep-grid) > .column:nth-of-type(4n+1), .grid-max-5:not(.keep-grid) > .column:nth-of-type(5n+1) {clear:none} .grid-max-3:not(.keep-grid) > .column:nth-of-type(2n+1), .grid-max-4:not(.keep-grid) > .column:nth-of-type(2n+1), .grid-max-5:not(.keep-grid) > .column:nth-of-type(3n+1) {clear:both} } @media screen and (max-width:767px) { [class*="grid-"] > .column {padding-bottom:13px} #sales #realty_widget_testimonials {padding:26px 17px} } /* -SECTIONS- */ /*parallax images*/ img.paraimage {display:block;position:absolute;z-index:0} img.paraimage.pi1 {right:66px} img.paraimage.pi2 {right:185px} img.paraimage.pi3 {right:117px} /* -header- */ #header .container {background:#9A248E;text-align:center;transition-duration:.2s} #header .hgroup {display:inline-block;vertical-align:middle} #header .hgroup img {display:block;max-width:240px} /* -sidebar- */ #sidebar {width:33%} #sidebar .side-block {margin:0 0 28px} #sidebar h3.section-title {margin:0 0 14px;font-size:1.71429em} #sidebar a {color:#333f48} #sidebar a:hover {color:#ef6079} /* -PAGES- */ .default h1, .default h2, .default h3, .default h4, .default h5, .default h6 {margin:0 0 14px} .default h3.post-title-alt {font-size:1.0625em;color:#9A248E} .default ul {list-style:disc;margin:0 0 14px 15px} .default ol {list-style:decimal;margin:0 0 14px 20px} .default p {margin:0 0 14px} #page-header {padding:76px 0 0} #page-header h1 {padding:30px 0;margin:0;color:#fff;font-size:1.8125em;background:url(images/title_bg_4.png) center center no-repeat;text-align:center;background-size:100% 100%} #page-intro .image {position:relative;height:0;padding-bottom:42.3623%;background-position:center center;background-repeat:no-repeat;background-size:cover} #page-intro .title {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center} #page-intro .title:before {display:inline-block;height:100%;content:"";vertical-align:middle} #page-intro .title h1 {display:inline-block;width:100%;padding:52px 0;color:#fff;font-size:1.8125em;background:url("images/title_bg.png") no-repeat center center;vertical-align:middle} #page-intro .copy {padding:40px 30px;background:rgba(255, 255, 255, 0.5)} #page-intro .copy p:nth-of-type(1) {margin:0 0 10px} div[id^="page-"] .column > .holder {padding:33px;background:rgba(255,255,255,.4)} /* -homepage- */ .homepage .section {padding:0 0 26px;position:relative} .homepage .section:nth-child(1) {padding:0 0 15px} .homepage .section:nth-child(4) {padding:25px 0 73px} .homepage .section .column {position:relative;padding-bottom:0} .homepage .section .overlay {box-sizing:border-box;position:absolute;top:20px;left:33px;padding:20px;background:rgba(255,255,255,.83)} .homepage .section:nth-child(2) .column:nth-child(1) .overlay {width:70.2083%} .homepage .section:nth-child(2) .column:nth-child(2) .overlay {width:68.7034%} .homepage .section:nth-child(3) .column:nth-child(1) .overlay {width:56.5104%} .homepage .section:nth-child(5) .column:nth-child(2) .overlay {width:60.026%} .homepage .section .overlay h2.title {margin:0 0 13px;font-size:1.25em} .homepage .section .overlay p:last-child {margin:13px 0 0} .homepage .section img {display:block;width:100%} .homepage .section .logo-testimonial ul li {float:left;width:50%; padding: 20px;} .homepage .section .logo-testimonial ul li img {width:150px;margin:0 auto} .homepage .section .home-page-bg ul {float:left;color:#4b3b4c} .homepage .section .home-page-bg ul:nth-child(2){text-align:center} .homepage .section .home-page-bg ul:last-child{text-align:right} .homepage > div h2.section-title {margin:34px 0} .homepage .section.section-bg{background-repeat:no-repeat;background-size:90%;background-position:top center;padding-bottom:40%;position:absolute;width:100%;left:0} .section .home-page-bg{clear:both;display:table;width:100%;padding:52px 0} .section .home-page-bg ul{width:33.33%} .section > div{position:relative} .section > .home-team {width:65%} .section > .home-tagline{width:35%;padding:10px} .section > .home-tagline > span{color:#9A248E;position:absolute;font-size:2.25em;font-weight:700;padding:32% 13%;font-style:italic} .section > .home-tagline > h1{color:#4C464C;font-family:arial black;font-size:2.7em;line-height:1.3;padding-left:20px} .section > .home-tagline .purple {color:#9a248e} #who-we-are .section > .home-tagline > span {padding:12% 3%} .home-tagline span > span{display:block} .section .home-team .home-texts{width:100%;clear:both;display:table;position:absolute;bottom:0;color:#fff;background:rgba(163, 110, 165, 0.75)} .home-team .home-texts .home-team-text{width:50%} .home-team-text > span{padding:5px 10px;width:50%;float:left} .home-page ul{color:#4b3b4c} .home-team-text .home-team-phone{width:60%} .home-team-phone a, .home-team-phone a:visited, .home-team-phone a:hover {color:#fff;text-decoration:none} .home-team-text .home-team-name{background:#4c464c;text-align:center;width:40%} .home-team img{width:100%;display:block} .section > .home-team.bottom {width:30%} .homepage .slide.cycle-slide {width:100%} .homepage .slide .container {float:left;font-size:.86em;width:32.3334%;text-align:center} .homepage .cycle-prev.direction, .homepage .cycle-next.direction {display:none} .homepage .section.section-bg {background-size:auto} /* -page:contact- */ #page-contact h2.section-title {margin:0 0 31px;font-size:1.875em; } #page-contact h2.section-title:after {display:block;content:"";width:30px;height:3px;margin:9px auto 0;background:#ef6079} #page-contact .block:not(.map) {padding:33px;background:rgba(255,255,255,.5)} #page-contact .block h3.title {font-size:1.125em;font-family:inherit} #page-contact .block p.phone {font-size:1.125em} #page-contact .section.office {margin:0 0 70px} #page-contact .contacts {width:40.2309%} #page-contact .map {width:57.46%} #page-contact .map .holder {position:relative;height:0;padding-bottom:71.0974%} #page-contact .map iframe, #page-contact .map #map_canvas2, #page-contact .map #map_canvas_contact {position:absolute;top:0;left:0;width:100%;height:100%} #page-contact .section.utils .block {width:48.7567%} /* -page:what we do- */ #page-what-we-do .links a {display:block;height:35px;padding:0 10px;line-height:38px;color:#333f48;border:2px solid #323f48;font-size:15px} #page-what-we-do .links a:hover {color:#ef6079;border-color:#ef6079} body.parent-pageid-39 #entry form[id^="gform_"] ul.gform_fields textarea {height:150px} /* -page:sales & property management- */ #page-sales #copy, #page-property-management #copy, #page-off-the-plan-sales #copy {margin:0 0 22px} #search-results #sold-map, #page-sales #sold-map, #page-property-management #sold-map {margin:89px 0 0} #sold-map h2.section-title, #page-sales #sold-map h2.section-title, #page-property-management #sold-map h2.section-title {margin:0 0 34px;font-size:1.875em; } #sold-map h2.section-title:after, #page-sales #sold-map h2.section-title:after, #page-property-management #sold-map h2.section-title:after {display:block;content:"";width:30px;height:3px;margin:9px auto 0;background:#9A248E} /* -page:rentals- */ #page-rentals .gform_wrapper {margin:0 0 26px} /* -posts- */ #blog header#lead {background:none} #post-entry {width:67%;padding-right:126px} #post-entry .post {margin:0 0 21px;padding:0 0 14px;border-bottom:2px solid #dcdad9} #post-entry.single .post{margin:0 0 28px} #post-entry h2.post-title a {color:#333f48} #post-entry h2.post-title a:hover {color:#ef6079} #post-entry p.post-meta {font-size:0.857143em;color:#999} #post-entry p.post-meta a {color:#999} #post-entry p.post-meta a:hover {color:#333f48} #post-entry .post img {height:auto;max-width:100%} /* -comments- */ .comments {margin:0 0 28px} .comments h2.section_title {margin:0 0 28px} .comments ul {list-style:none;margin:0} .comments ul.children {margin:0 0 0 6.54206%} .comments ul li {margin:0} .comments .comment-body {position:relative;margin:0 0 14px;padding:22px 28px 28px;background:#f5f3f2} .comments ul li img.avatar {float:left;margin:6px 14px 14px 0} .comments ul li cite.fn {font-weight:600} .comments ul li .comment-meta {margin:0 0 14px;color:#999;font-size:0.857143em} .comments ul li .comment-meta a {color:#999} .comments ul li .comment-meta a:hover {color:#333f48} .comments p {margin:0} .comments .reply {position:absolute;top:0;right:0} .comments .reply a {display:block;padding:7px 14px;background:#ccc;color:#fff} .comments .reply a:hover {background:#ef6079} .comment-respond h3.reply-title {margin:0 0 28px} #commentform p label {display:block;margin:0 0 7px;font-weight:600} #commentform textarea {height:150px} a#cancel-comment-reply-link {float:right;font-size:12px;font-style:italic;font-size:#CC0000} /* -gform- */ form[id^="gform_"] h3.gform_title {font-size:1.0625em;color:#ef6079;text-transform:uppercase} form[id^="gform_"] ul {margin:0;list-style:none} form[id^="gform_"] ul.gform_fields li.gfield {padding:0 0 8px} form[id^="gform_"] ul li[class^="gchoice_"] {position:relative} form[id^="gform_"] ul li[class^="gchoice_"] input[type="checkbox"] {position:absolute;left:0;top:4px} form[id^="gform_"] .validation_error {margin:0 0 24px;color:#e00} #footer form[id^="gform_"] .validation_error {margin:0 0 8px;font-size:0.875em;color:inherit} form[id^="gform_"] ul.gform_fields li.gfield.gfield_error input, form[id^="gform_"] ul.gform_fields li.gfield.gfield_error div.sbHolder {background:#ffe5e5;border-color:#e00} form[id^="gform_"] ul.gform_fields li.gfield.gfield_error ul.sbOptions {background:#ffe5e5;border:1px solid #e00} form[id^="gform_"] ul.gform_fields li.gfield.gfield_error a.sbSelector {border-color:#E00} form[id^="gform_"] ul.gform_fields .validation_message {display:none} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background:none!important;border:0!important} .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{margin-left:0!important} /* -maps and video- */ .object-wrap {position:relative;padding-bottom:56.25%;height:0;overflow:hidden} .object-wrap iframe, .object-wrap object, .object-wrap embed {position:absolute;top:0;left:0;width:100%;height:100%} /* -magnific:popup- */ .mfp-bg.mf-flip {opacity:0;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out} .mfp-bg.mf-flip.mfp-ready {opacity:0.8} .mfp-bg.mf-flip.mfp-removing {opacity:0} .mf-popup {position:relative;max-width:484px;margin:0 auto;padding:28px} .mf-popup.white {background:#fff} .mf-popup.flip { opacity:0; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; -webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform:translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform:translateY(-20px) perspective(600px) rotateX(10deg); -o-transform:translateY(-20px) perspective(600px) rotateX(10deg); transform:translateY(-20px) perspective(600px) rotateX(10deg); } .mfp-ready .mf-popup.flip { opacity:1; -webkit-transform:translateY(0) perspective(600px) rotateX(0); -moz-transform:translateY(0) perspective(600px) rotateX(0); -ms-transform:translateY(0) perspective(600px) rotateX(0); -o-transform:translateY(0) perspective(600px) rotateX(0); transform:translateY(0) perspective(600px) rotateX(0); } .mfp-removing .mf-popup.flip { opacity:0; -webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform:translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform:translateY(-10px) perspective(600px) rotateX(10deg); -o-transform:translateY(-10px) perspective(600px) rotateX(10deg); transform:translateY(-10px) perspective(600px) rotateX(10deg); } .mf-popup h2.title {margin:0 0 20px;font-size:1.71429em;text-align:center} .mf-popup ul.listforms li {padding:0 0 14px} .mf-popup ul.listforms li.last {padding:0} .mf-popup ul.listforms label {display:block;margin:0 0 3.5px} .mf-popup ul.listforms input[type="button"], .mf-popup ul.listforms input[type="submit"], .mf-popup ul.listforms a.button {min-width:100px;text-align:center} .mf-popup ul.listforms textarea {height:100px} .mf-popup ul.listforms a.btn {float:left} .mf-popup ul.listforms .captcha {position:relative} .mf-popup ul.listforms .captcha span.image {display:block;position:absolute;top:2px;right:2px} .mf-popup ul.listforms .captcha a.reload {line-height:23px;padding:0 7px;color:#fff;background:#ef6079;font-size:0.75em} .mfp-content form[id^="gform_"] h3.gform_title {color:inherit;margin:0 0 20px;font-size:1.71429em;text-align:center;text-transform:capitalize} .mfp-content form[id^="gform_"] ul.gform_fields label.gfield_label, form[id^="gform_"] ul.gform_fields label[for^="input"] {display:block !important} .mfp-content form[id^="gform_"] ul.gform_fields li.gfield {padding:0 0 14px} .mfp-content input[type="submit"] {padding:0 40px} /* -mmagnific:walkscore- */ .mf-walkscore .mfp-iframe-scaler iframe {background:#fff} /*** footer ***/ #footer .section {padding:9px 35px;clear:both} #footer .section:nth-child(1) {position:relative;padding:13px 35px 35px;font-size:1.16667em;min-height:114px} #footer .section ul ul {width:33.3334%;float:left;padding-bottom:11px} #footer .section ul ul .li-title {color:#B01DB6;font-weight:bold} #footer .section:nth-child(2) {border-top:1px solid #fff} #footer .section:nth-child(4) {padding:0 35px 35px;font-size:0.916667em;font-family:Arial, Helvetica, sans-serif;word-spacing:normal} #footer .section .column {padding-bottom:0} #footer h3.title {margin:0 0 13px;font-size:1em;color:#9A248E} #footer a:not([title^="Email"]) {color:#fff} #footer a:hover {color:#B01DB6} #footer .suburbs ul.list:before, #footer .suburbs ul.list:after {display:table;content:""} #footer .suburbs ul.list:after {clear:both} #footer .suburbs ul.list li {float:left;width:70%} #footer .suburbs ul.list li:nth-of-type(2n+1) {width:30%} #footer .contact .details p {word-wrap:break-word} #footer .contact .details p:after {display:block;content:"";width:12px;height:2px;margin:10px 0;background:#9A248E} #footer .contact .forms .ginput_complex span input[type="text"] {width:100%} #footer .contact .forms input[type="text"] {width:75%;font-size:1em;box-shadow:4px 4px 3px rgba(0, 0, 0, 0.125) inset} #footer .contact .forms select {font-size:1em} #footer .contact .forms textarea {height:68px;font-size:1em;box-shadow:4px 4px 3px rgba(0, 0, 0, 0.125) inset} #footer .contact .forms input[type="submit"]:hover {background:#B01DB6} #footer .contact .forms .sbHolder {font-size:1em} #footer .contact .forms .sbHolder a {color:#333f48} #footer .contact .forms .sbHolder a.sbSelector {border:none} #footer .contact .forms .sbHolder ul.sbOptions {top:26px !important} #footer .contact .forms .sbHolder ul.sbOptions a:hover {color:#fff} #footer .contact .forms li#field_2_6:before, #footer .contact .forms li#field_2_6:after {display:table;content:""} #footer .contact .forms li#field_2_6:after {clear:both} #footer .contact .forms li#field_2_6 label[for^="input"] {display:block;float:left;margin:2px 8px 0 0} #footer .contact .forms li#field_2_6 .ginput_container {float:left} #footer .contact .forms .ginput_complex span {box-sizing:border-box;float:left} #footer .contact .forms .ginput_complex span:nth-of-type(1) {padding:0 8px 0 0} #footer .contact .forms .ginput_complex .gf_clear {clear:both} #footer .contact > [class*="grid-"] {position:relative;z-index:0} #footer .contact .account-menu {position:absolute;z-index:1;top:0;right:35px} #footer .account-menu ul.menu {font-size:1em} #footer .account-menu ul.sub-menu {position:absolute;left:50%;top:100%;width:170px;display:none;margin-left:-85px;background:#fff} #footer .account-menu ul.sub-menu:before {display:block;content:"";position:absolute;left:50%;bottom:100%;width:12px;height:9px;margin-left:-6px;background:url(images/submenu_arrow.png) 0 0 no-repeat} #footer .account-menu li:hover > ul.sub-menu {display:block} #footer .account-menu ul.menu li {position:relative} #footer .account-menu ul.menu > li {padding:0 0 9px} #footer .account-menu ul.menu a {display:block;text-transform:uppercase} #footer .account-menu ul.menu > li > a {line-height:26px;padding:0 10px;background:#ef6079;color:#fff} #footer .account-menu ul.sub-menu a {padding:0 10px;line-height:23px;color:#333f48;font-size:0.875em;white-space:nowrap} #footer .account-menu ul.sub-menu li.current_page_ancestor > a, #footer .account-menu ul.sub-menu li.current_page_parent > a, #footer .account-menu ul.sub-menu li.current_page_item > a, #footer .account-menu ul.sub-menu li:hover > a {background:#ef6079;color:#fff} #footer .logo img {display:block;max-height:30px} #footer .socials a {display:inline-block;width:28px;height:28px;margin:0 0 0 10px;background-image:url(images/icons_socials.png);background-repeat:no-repeat;-webkit-transition-duration:.2s;transition-duration:.2s} #footer .socials a[title="Facebook"] {background-position:0 0} #footer .socials a:hover[title="Facebook"] {background-position:0 -28px} #footer .socials a[title="Instagram"] {background-position:-28px 0} #footer .socials a:hover[title="Instagram"] {background-position:-28px -28px} #footer .socials a[title="Linkedin"] {background-position:-56px 0} #footer .socials a:hover[title="Linkedin"] {background-position:-56px -28px} #footer nav {width:73.1061%} #footer nav ul.menu > li {float:left;width:25%} #footer nav ul.menu > li > a {color:#9A248E} #footer .vendors {width:26.8939%} #footer .vendors a {float:right;clear:both;-webkit-transition-duration:.2s;transition-duration:.2s} #footer .vendors a[title="REIWA"] {width:78px;height:37px;margin-bottom:27px;background:url(images/logo_reiwa.png) 0 0 no-repeat} #footer .vendors a:hover[title="REIWA"] {background-position:0 -37px} #footer .vendors a[title="PAN"] {width:79px;height:106px;background:url(images/logo_pan.png) 0 0 no-repeat} #footer .vendors a:hover[title="PAN"] {background-position:0 -106px} #footer .gform_wrapper{margin:0;max-width:100%} #footer .gform_wrapper .gfield_required{display:none} #footer .gform_wrapper .gform_fields label{font-weight:normal;margin:0} #footer .gform_wrapper .ginput_complex > span{margin:0;padding:0;width:50%} #footer .gform_wrapper .ginput_complex > span.name_first{margin:0 1% 0 0;width:49%} #footer .gform_wrapper .ginput_container input[type="text"], #footer .gform_wrapper .ginput_container textarea{width:100%} #footer .gform_wrapper li#field_2_4 {display:table;clear:both;width:100%} #footer .gform_wrapper li#field_2_4 > label{width:18%;float:left} #footer .gform_wrapper li#field_2_4 > .ginput_container{width:82%;float:left;margin:0} #footer .gform_wrapper .gform_footer{padding:0;margin:5px 0} ul.footer-phone li, ul.footer-email li {padding-left:27%} /* ==================================================================================================== REALTY ==================================================================================================== */ /* -GLOBALS- */ /* -rooms- */ ul.rooms {margin:0;list-style:none} ul.rooms li {float:left;height:31px;line-height:34px;font-size:1.3125em;background-image:url(images/icons_rooms.png);background-repeat:no-repeat} ul.rooms li:last-child {margin:0} ul.rooms li.bedrooms {margin:0 28px 0 0;padding:0 0 0 37px;background-position:0 0} ul.rooms li.bathrooms {margin:0 29px 0 0;padding:0 0 0 35px;background-position:0 -31px} ul.rooms li.carspaces {padding:0 0 0 32px;background-position:0 -62px} #map_canvas {width:100%;height:0;padding-bottom:45.2931%} /* -listing paging- */ .pagination a {display:inline-block;width:28px;height:28px;line-height:28px;color:#aaa;font-size:0.857143em;text-align:center;border-radius:28px} .pagination a:hover {background:rgba(255, 255, 255, 0.5)} .pagination a.current {background:#ef6079;color:#fff} .pagination a:active {background:rgba(255, 255, 255, 0.5);-ms-transform:scale(0.85);-webkit-transform:scale(0.85);transform:scale(0.85)} .pagination a i.fa {font-size:1.16667em} /* -sticker- */ .sticker {display:block;position:absolute;top:0;left:0;width:75px;height:75px} .sticker.new {background:url(images/sticker_new.png?v=1.00) 0 0 no-repeat} .sticker.sold {background:url(images/sticker_sold.png?v=1.00) 0 0 no-repeat} .sticker.leased {background:url(images/sticker_leased.png?v=1.00) 0 0 no-repeat} .sticker.under_offer {background:url(images/sticker_under_offer.png?v=1.00) 0 0 no-repeat} .sticker.open_home {background:url(images/sticker_open_home.png?v=1.00) 0 0 no-repeat} /* -info window- */ .info-window {width:280px;font-size:14px} .info-window section.top {padding:0 0 7px} .info-window .image {width:90px} .info-window .image img {display:block;width:100%} .info-window .overview {width:183px} .info-window section.bottom {padding:5px 0;border-top:1px solid #ddd} /* -PAGES- */ /* -search results- */ #search-intro section {background:rgba(255, 255, 255, 0.5);clear:both;display:table;width:100%} #search-intro .column:nth-child(1) section {padding:30px 30px 15px} #search-intro .column:nth-child(2) section {padding:25px 20px 20px} #search-intro section h2 {margin:0 0 10px;line-height:normal} #search-intro section h2.title {font-size:1.125em;color:#9A248E} #search-intro section p.button {padding:15px 0 0} #search-tools h2.summary, #search-tools .sort {padding-left:35px} #search-tools h2.summary {margin:0 0 30px;font-size:1.25em} #search-tools .sort label {float:left;margin:3px 10px 0 0} #search-tools .sort .sbHolder {float:left;width:169px} #search-tools .sort select {width:170px} /* -listings- */ .search-toolbar.top {padding:0 0 28px} .search-toolbar .count {padding:7px 0 0} .search-toolbar ul.tabsnav a {width:38px;height:38px;line-height:38px;margin:0 0 0 7px;color:#fff;font-size:1.28571em;background:#ef6079;border-radius:100%;text-align:center} .webkit .search-toolbar ul.tabsnav a {line-height:40px} .search-toolbar ul.tabsnav a i.fa {opacity:.6;filter:alpha(opacity=60)} .search-toolbar ul.tabsnav li.ui-tabs-active a i.fa, .search-toolbar ul.tabsnav a:hover i.fa {opacity:1;filter:alpha(opacity=100)} .search-toolbar ul.tabsnav a:active {-ms-transform:scale(0.85);-webkit-transform:scale(0.85);transform:scale(0.85)} .thumbview .listing .container {position:relative;background:#fff;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 6px rgba(0, 0, 0, 0.04);-webkit-transition:all 0.4s;transition:all 0.4s} .thumbview .listing figure {position:relative;height:0;padding-bottom:67.25%;overflow:hidden} .thumbview .listing figure a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover} .thumbview .listing figure a span.text {display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-align:center;opacity:0;filter:alpha(opacity=0);-webkit-transition-duration:.3s;transition-duration:.3s} .thumbview .listing figure a span.text:before {display:inline-block;content:"";height:100%;vertical-align:middle} .thumbview .listing:hover figure a span.text {opacity:1;filter:alpha(opacity=100);background:rgba(146, 41, 150, 0.9)} .thumbview .listing .overview {min-height:12.5em;padding:15px 24px} .thumbview .listing h2.address {font-size:1.3125em;line-height:1.2} .thumbview .listing h2.address:after {display:block;content:"";width:21px;height:2px;margin:6px 0 24px;background:#9A248E} .thumbview .listing .rooms-price p {line-height:1.2} .thumbview .listing .rooms-price p.price {padding:14px 0 10px;font-size:1.125em} .thumbview .listing p.opens label {display:block} .listview .listing {padding:0 0 28px} .listview .listing .container {position:relative;background:#221202;color:#fff;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 6px rgba(0, 0, 0, 0.04);-webkit-transition:all 0.4s;transition:all 0.4s} .listview .listing:hover .container {background:#f5f3f2;color:#221202} .listview .listing figure {position:relative;width:34.8736%;height:0;padding-bottom:25.9291%;overflow:hidden} .listview .listing figure img {display:block;position:absolute;left:50%;width:auto;height:100%;-webkit-transition:all 1.3s;transition:all 1.3s;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)} .listview .listing:hover figure img {-ms-transform:scale(1.2) translateX(-41%);-webkit-transform:scale(1.2) translateX(-41%);transform:scale(1.2) translateX(-41%)} .listview .listing .overview {width:65.0392%;padding:28px} .listview .listing h3.headline {margin:0 0 14px} .listview .listing h3.headline a {color:#fff} .listview .listing:hover h3.headline a {color:#ef6079} .listview .listing p.description {margin:14px 0 0} .listview .listing .rooms-price {position:absolute;bottom:14px;left:37.3147%;right:28px;padding:14px 0 0;background:url(images/inset_brown.png) 0 0 repeat-x} .listview .listing p.opens span {opacity:.7;filter:alpha(opacity=70)} .listview .listing p.opens span.label {opacity:1;filter:alpha(opacity=100)} /* -property- */ .property .section {background:rgba(255,255,255,.6)} .property .section.overview {padding:28px 0} .property .section.overview .block.left {width:57.2824%;padding:0 0 0 34px} .property .section.overview .block.right {width:31.794%;padding:0 34px 0 0} .property .section.overview .property-block {margin:0 0 50px} .property .section.overview h3.section-title {margin:0 0 15px;font-size:1em;color:#9A248E} /* -agents- */ #content.team #page-intro .copy {padding:0;background:none} #content.team #page-intro .copy h2 {margin:69px 0 34px;font-size:1.875em; text-align:center} #content.team #page-intro .copy h2:after {display:block;content:"";width:30px;height:3px;margin:8px auto 0;background:#ef6079} #content.team #page-intro .copy .container {padding:28px 33px;background:rgba(255, 255, 255, 0.5)} #content.team #page-intro .copy h3 {margin:0 0 10px} #content.team #page-intro .copy p {margin:0 0 10px} #content.team #page-intro .copy ul {margin:0 0 0 12px;list-style:disc} #agents h2.section-title {margin:0 0 35px;font-size:1.875em; } #agents h2.section-title:after {display:block;content:"";width:30px;height:3px;margin:8px auto 0;background:#ef6079} #agents .testimonials {margin:30px 0 69px} #agents .agents {margin:0 0 52px} #agents .banner.location {margin:0 0 56px} #agents .about.banner {margin:0 0 50px} #agents .banner .holder {position:relative} #agents .banner img {display:block;width:100%} #agents .banner .overlay { box-sizing:border-box;position:absolute;top:20px;left:33px;width:38.5435%;padding:20px;background:rgba(255,255,255,.83)} #agents .options {position:relative;margin:0 0 28px;text-align:center} #agents .options select {width:25%} #agents .options .loading {position:absolute;top:4px} #agents .agent figure {position:relative;height:0;padding-bottom:118.9665%;overflow:hidden} #agents .agent figure a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;/*background-size:100% 100%;*/} #agents .agent figure a span.text {display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-align:center;opacity:0;filter:alpha(opacity=0);-webkit-transition-duration:.3s;transition-duration:.3s} #agents .agent figure a span.text:before {display:inline-block;content:"";height:100%;vertical-align:middle} #agents .agent:hover figure a span.text {opacity:1;filter:alpha(opacity=100);background:rgba(146, 41, 150, 0.9)} #agents .agent section {position:relative;min-height:8em;padding:26px 23px;background:#fff} #agents .agent section p.name {font-size:1.125em;line-height:1;text-transform:uppercase} #agents .agent p.role {margin:0 0 16px;font-size:1.125em;text-transform:uppercase} #agents .agent p.role:after {display:block;content:"";width:18px;height:2px;margin:8px 0 0;background:#9A248E} #agents .agent p.url {padding:26px 0 0} #agents .agent p:not(.name) a {color:#333f48} #agents .agent p:not(.name) a:hover {color:#9A248E} #agents .agent p.link a:before {display:inline-block;content:"";position:relative;top:3px;width:15px;height:16px;background:url(images/url_arrow.png) 0 0 no-repeat} /* -agent- */ #content.team.profile #page-intro {display:none} #agent {position:relative} #agent .section h2.section-title {margin:0 0 35px;font-size:1.875em} #agent .section h2.section-title:after {display:block;content:"";width:30px;height:3px;margin:8px auto 0;background:#ef6079} #agent .section.intro {padding:26px 0 52px} #agent .section.intro h2 {font-size:1.875em;text-align:center} #agent .section.intro h2:after {display:block;content:"";width:30px;height:3px;margin:8px auto 0;background:#ef6079} #agent .section.overview {padding-bottom:93px} #agent .section.overview .details {width:40.2309%;padding:32px 34px;background:rgba(255,255,255,.5)} #agent .section.overview .details p.name {font-size:1.125em;line-height:1;text-transform:uppercase} #agent .section.overview .details p.role {margin:0 0 21px;font-size:1.125em;text-transform:uppercase} #agent .section.overview .details p.role:after {display:block;content:"";width:18px;height:2px;margin:19px 0 0;background:#ef6079} #agent .section.overview .details p.description {margin:19px 0 0} #agent .section.overview .details p.description:before {display:block;content:"";width:18px;height:2px;margin:0 0 22px;background:#ef6079} #agent .section.overview .details.alt p.description:before {display:none} #agent .section.overview .details p.description.shrink span.full {display:inline} #agent .section.overview .details p.description.shrink span.ellipsis {display:none} #agent .section.overview .details p.description span.toggle {cursor:pointer} #agent .section.overview .details p a {color:#333f48} #agent .section.overview .photo {width:57.46%} #agent .section.overview .photo span {display:block;height:0;padding-bottom:118.9665%;background-position:center center;background-repeat:no-repeat;background-size:cover;/*background-size:100% 100%;*/} #agent .properties #current-listings {padding-bottom:26px} #agent p.description strong {color:black} /* Team */ #team #agent .section.overview .details {width:63%;min-height:auto !important} #team #agent .section.overview .photo {width:37%;padding:0 0 0 34px} /* -opentimes- */ .listings-table td {padding:7px 14px 7px 0;vertical-align:middle;border-bottom:1px solid #ccc} .listings-table td.col-date {padding:28px 0 7px;font-size:1.42857em;font-weight:300;border-bottom:1px solid #221202} .listings-table tr:first-child td.col-date {padding:7px 0} .listings-table td.col-image {width:60px} .listings-table td.col-image img {display:block;max-width:60px} .listings-table td.col-agent {padding:7px 0} .listings-table td a {color:#333f48} .listings-table td a:hover {color:#ef6079} /* -calculators- */ #calculator h3.section-title {margin:0 0 14px} #calculator section .field {padding:0 0 14px} #calculator section .field label {display:block;padding:0 0 7px} #calculator section .field a.button {min-width:200px;padding:0;text-align:center} #calculator p.info {padding:0 14px} /* -WIDGETS- */ /* -current listings- */ .homepage-listings .property {position:relative;background:#fff} .homepage-listings .property figure a {display:block;width:100%;height:0;padding-bottom:66%;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover} .homepage-listings .property section {padding:19px 27px} .homepage-listings .property h2.address {font-size:1.3125em;line-height:1.25} .homepage-listings .property h2.address:after {display:block;content:"";width:21px;height:2px;margin:12px 0 9px;background:#ef6079} .homepage-listings .property .paint {position:absolute;z-index:1;top:0;right:0;width:63px;height:100%;background:url(images/listing_paint.png?v=1.00) 0 0 no-repeat;overflow:hidden} .homepage-listings .property .paint span { display:block;font-size:1.125em;white-space:nowrap;color:#fff; -ms-transform:rotate(90deg);-ms-transform-origin:15px 36px 0; -webkit-transform:rotate(90deg);-webkit-transform-origin:15px 36px 0; transform:rotate(90deg);transform-origin:15px 36px 0; } .homepage-listings .property a.rollover {position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.3);opacity:0} .homepage-listings .property:hover a.rollover {opacity:1} /* -quick search 1 - */ #quicksearch {position:absolute;top:100%;right:0;width:210px;background:rgba(255,255,255,.83);text-align:left} .quicksearch-1 .search-toggle {height:50px;line-height:53px;padding:0 20px;background:url(images/icons_minplus.png) 100% 0 no-repeat;border-bottom:1px solid #333f48;cursor:pointer;background-position:100% -50px} .quicksearch-1 .search-toggle.shrink {background-position:100% 0px} .quicksearch-1 .search-fields {max-height:0;overflow:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s} .quicksearch-1 .search-fields.shrink {max-height:15em} .quicksearch-1 .search-fields .wrap {padding:14px 19px 20px} .quicksearch-1 .type label {width:50%;margin:0 0 6px} .quicksearch-1 .type label > span:nth-of-type(1) {display:inline-block;width:45px;cursor:pointer} .quicksearch-1 .field.suburb {padding:7px 0 11px} .quicksearch-1 .field.suburb label.opt {display:block;padding:13px 0 0;font-size:0.875em;cursor:pointer} .quicksearch-1 .field.suburb label.opt input[type="checkbox"] {float:left;margin:4px 5px 0 0} /* -quick search 2 - */ .quicksearch-2 {padding:19px 0 0} .quicksearch-2 h2.title {margin:6px 0 0;font-size:1em} .quicksearch-2 p.button {margin:0 0 10px} .quicksearch-2 .grid-max-3 {margin-left:-10px;margin-right:-10px} .quicksearch-2 .grid-max-3 > .column {padding-left:10px;padding-right:10px;padding-bottom:0} /* -testimonials- */ .testimonials h2.section-title {margin:0 0 34px;font-size:1.875em;color:#4b3b4c} .testimonials h2.section-title:after {display:block;content:"";width:30px;height:3px;margin:9px auto 0;background:#9A248E} .testimonials .slider {width:100%;overflow:hidden} .testimonials .slider ul {position:relative;width:20000em;margin:0;list-style:none} .testimonials .slider li {float:left;margin:0 26px 0 0} .testimonials .container {position:relative;height:0;padding-bottom:100%;border-radius:100%;background:none;border:1px solid #9A248E} .testimonials .container:after { display:block;content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:#9A248E;border-radius:100%;opacity:0; -ms-transform:scale(0.75);-webkit-transform:scale(0.75);transform:scale(0.75); -webkit-transition:all 0.3s ease;transition:all 0.3s ease; } .testimonials li:hover .container:after {opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)} .testimonials li:hover .container * {color:#fff} .testimonials .holder {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;color:#4b3b4c} .testimonials .wrap p:last-of-type {font-weight:bold} .testimonials .holder:before {display:inline-block;height:100%;vertical-align:middle;content:""} .testimonials .wrap {display:inline-block;max-width:80%;line-height:1.25;vertical-align:middle} .testimonials h3.title {font-size:1.25em;color:#4b3b4c;text-transform:uppercase} .testimonials p:not(:last-child) {margin:7px 0 7px} .testimonial-list .holder {padding:33px;background:rgba(255,255,255,.5);border-bottom:1px dashed #bbb;display:table;clear:both;width:100%} .testimonial-list h3.title {font-size:1.4em} .testimonial-list p {margin:0 0 5px} ul#testi > li:nth-child(odd) img{float:left;margin:0 28px 28px 0} ul#testi > li:nth-child(even) img{float:right;margin:0 0 28px 28px} /* -media- */ #property-media #gallery figure {width:100%} #property-media #gallery .container {height:0;padding-bottom:65.1972%;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover} #property-media #gallery img {width:100%;height:auto} #property-media #gallery .cycle-slideshow {position:relative} #property-media #gallery .cycle-pager {position:absolute;z-index:101;bottom:0;width:100%;padding:14px 0;text-align:center} #property-media #gallery .cycle-pager span {display:inline-block;width:13px;height:13px;margin:0 5.5px;border:solid 1px #fff;border-radius:14px;-webkit-transition-duration:.2s;transition-duration:.2s;cursor:pointer} #property-media #gallery .cycle-pager span:hover, #property-media #gallery .cycle-pager span.cycle-pager-active {background:#fff} #property-media #gallery .direction {position:absolute;z-index:102;top:50%;width:27px;height:50px;margin-top:-25px;background-image:url(images/media_arrows.png);background-repeat:no-repeat;cursor:pointer} #property-media #gallery .cycle-prev {left:16px;background-position:0 0} #property-media #gallery .cycle-next {right:16px;background-position:0 -50px} #property-media #heading {height:85px;padding:0 34px; background:#a43999;color:#fff;background:url(images/title_bg_4.png) center center no-repeat;background-size:100% 100%;padding:15px 34px} #property-media #heading h2.address { font-size:1.5em;text-align:center;display:block;float:none} #property-media #heading ul.links {text-align:center;display:block;float:none} #property-media #heading ul.links li {display:inline-block} #property-media #heading ul.links a {display:block;font-size:0.875em;color:#fff;text-transform:uppercase} #property-media #heading ul.links a:after {display:inline-block;content:"|";padding:0 7px} #property-media #heading ul.links li:last-child a:after {display:none} #property-media #heading ul.links a:hover, #property-media #heading ul.links a.active {} #property-media #paint {height:41px;background:url(images/media_heading2.png) 0 100% no-repeat;margin-top:-1px;display:none} /* -property description- */ #property-description h3.title {font-size:1.3125em; margin:0 0 8px} #property-description section {margin:20px 0 0} #property-description h4.title {margin:0 0 14px;font-size:1em} #property-description ul.features {list-style:disc;margin:0 0 0 14px} /* -contact agent- */ #property-enquiry .agent.agent-1 {margin:26px 0 0} #property-enquiry .agent .image {width:37.4795%;height:0;padding-bottom:37.4795%;overflow:hidden;position:relative;box-sizing:border-box} #property-enquiry .agent .image img {display:block;width:100%;/*height:100%;*/ position:absolute;top:-10px} #property-enquiry .agent .overview {width:62.3568%;padding:0 0 0 26px} #property-enquiry .agent .overview p.title {margin:0 0 13px} #property-enquiry .agent .overview p.name {text-transform:uppercase} #property-enquiry .agent .overview p.link-profile {margin-top:23px} #property-enquiry .agent .overview p[class^="link-"] a:before {display:inline-block;content:"";position:relative;top:3px;width:15px;height:16px;background:url(images/url_arrow.png) 0 0 no-repeat} #property-enquiry .agent .overview p a {color:#333f48} #property-enquiry .agent .overview p a:hover {color:#ef6079} /* -OFI- */ #property-ofi li {padding:0 0 15px} #property-ofi li span {display:block} #property-ofi p.info {padding:20px 0 0} /* -property table- */ #property-table ul.rooms {padding:15px 0 30px} #property-table ul.data span.field {display:inline-block;width:40%} #property-table ul.data span.field:after {display:inline-block;content:":"} /* ==================================================================================================== LOCATION INFO ==================================================================================================== */ /* -suburbs- */ #location-info.suburbs .suburb a {display:block;position:relative;color:#fff} #location-info.suburbs .suburb a:hover {color:#ef6079} #location-info.suburbs .suburb span {display:block} #location-info.suburbs .suburb span.image {height:0;padding-bottom:56.25%;overflow:hidden} #location-info.suburbs .suburb img {display:block;width:100%;-webkit-transition:all 0.3s;transition:all 0.3s} #location-info.suburbs .suburb a:hover img {-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)} #location-info.suburbs .suburb span.name {position:absolute;bottom:0;left:0;width:100%;padding:7px 0;background:rgba(34, 18, 2, 0.75)} /* -suburb- */ #location-info.suburb .section.overview .block.left {width:67%;padding-right:126px} #location-info.suburb .section.overview .block.right {width:33%} #location-info.suburb .section.overview section {margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #ccc} #location-info.suburb .section.overview h3.title {margin:0 0 14px;font-size:1.71429em} #location-info.suburb .section.overview .short-info ul {margin:0;list-style:none} #location-info.suburb .section.overview .short-info li span {display:inline-block;width:100px} #location-info.suburb .section.overview ul li a {color:#333f48} #location-info.suburb .section.overview ul li a:hover {color:#ef6079} #location-info.suburb .section.map {margin:28px -8.80558% -28px} /* ==================================================================================================== SUBSCRIPTION ==================================================================================================== */ #content.subscription-manager {z-index:2} #subscriptions {padding:33px;background:rgba(255, 255, 255, 0.5)} #subscriptions ul.listforms > li {padding:0 0 10px} #subscriptions ul.listforms > li:before, #subscriptions ul.listforms > li:after {display:table;content:""} #subscriptions ul.listforms > li:after {clear:both} #subscriptions span.required {color:#e00} #subscriptions input[type="text"] {width:300px} #subscriptions select {width:318px} #subscriptions textarea {width:600px;height:100px} #subscriptions input[type="submit"], #subscriptions a.button {min-width:100px;text-align:center} #subscriptions ul.options > li {padding:0 0 5px} #subscriptions ul.options select {width:100%} #subscriptions ul.options select.left {width:49%} #subscriptions ul.options select.left.alt {margin:0 2% 0 0} #subscriptions ul.options select[multiple] {display:block;height:100px} #subscriptions ul.options a.close-options {display:block;width:40px;padding:1px 0 0;font-size:0.75em;font-style:italic;color:#fff;background:#ef6079;text-align:center} #subscriptions p.link-login {margin:0 0 26px} #subscriptions .return {margin:0 0 26px} #subscriptions .return p {margin:0;color:#d00} #subscriptions li.buttons .button {float:left;width:100px;margin:0 2px 0 0;padding:0;text-align:center} .btn.text-pink a {display:inline-block;background:#ef6079;color:#fff;padding:5px 15px;margin:0 0 10px;font-weight:bold;font-family:sans-serif;font-size:15px} .btn.text-pink a:hover {background:#333f48} .thumbview .listing .rooms-price p.opens > label {margin-top:-15px;margin-bottom:15px} #buy .thumbview .listing .rooms-price p.opens > label, #property-search .thumbview .listing .rooms-price p.opens > label {margin-top:0} #property-description section:nth-of-type(1) {margin:0 0 20px} #stamp-duty-calculator table.calc_table input#stamp_result, #mortgage-calculator table.calc_table input#stamp_result {min-width:109px !important} .page-id-20194 .gform_wrapper {background-color:rgba(255,255,255,0.6);padding:33px;max-width:100%} .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width:100% !important} .jc-radio, .jc-checkbox {float:left;margin-right:5px !important} form[id^="gform_"] ul li[class^="gchoice_"] label[for^="choice_"] {float:left;margin-left:10px !important;width:90%} .gform_wrapper textarea.medium {width:100% !important} /* homepage listing */ .homepage-listings .properties {overflow:hidden} .homepage-listings .properties .property {float:left;width:50%;position:relative} .page-id-25 .homepage-listings .properties .property {width:100%} .homepage-listings .properties .property .box_featured {width:215px;position:absolute;left:20px;bottom:20px;padding:5px;background:#9A248E;border-radius:2px;box-shadow:0 0 10px #000;font-size:14px;display:none} .homepage-listings .properties .property .box_featured .logo_status {background:#fff;padding:2px 5px;overflow:hidden} .homepage-listings .properties .property .box_featured .logo_status .status {float:left} .homepage-listings .properties .property .box_featured .logo_status .logo {float:right;width:70px} .homepage-listings .properties .property .box_featured .agent_detail {background:#fff;margin-top:3px;padding:2px 5px;overflow:hidden} .homepage-listings .properties .property .box_featured .agent_detail .image_agent {float:left} .homepage-listings .properties .property .box_featured .agent_detail .agent_name {float:right;text-align:right;background:#333;color:#fff;padding:2px 4px;margin-right:-5px;max-width:70px;line-height:1.2} .homepage-listings .properties .property .box_featured .phone_number {color:#fff;font-weight:bold;overflow:hidden;margin-top:3px} .homepage-listings .properties .property .box_featured .phone_number .business_phone {float:left;width:50%;border-right:1px solid #fff} .homepage-listings .properties .property .box_featured .phone_number .mobile {float:right;width:50%;text-align:right} #blog header#lead{color:#fff;background:url(images/title_bg_4.png) center center no-repeat;text-align:center;background-size:100% 100%;margin-top:65px} #blog h1.page-title{text-align:center;color:#fff;margin-bottom:0} .section .home-page-bg{background-image:url(images/title_bg_4.png);padding:30px 0;background-size:100% 100%} .homepage .section.section-bg{background-image:none!important} .homepage .slide .container{color:#fff} /* ==================================================================================================== IE8 FIXES ==================================================================================================== */ .lt-ie9 input[type="text"], .lt-ie9 input[type="password"], .lt-ie9 input[type="tel"], .lt-ie9 input[type="email"], .lt-ie9 select, .lt-ie9 textarea {border:solid 1px #ccc} .lt-ie9 .listview .listing figure img {left:0;width:100%} .lt-ie9 header#lead.alt {background-size:100% auto} .lt-ie9 #property-media #gallery .container {-ms-behavior:url(http://themes.agentpoint.com.au/joe/wp-content/themes/joe/js/backgroundsize.min.htc)} /* ==================================================================================================== MEDIA QUERIES ==================================================================================================== */ @media screen and (min-width:1152px) { .m, .t {display:none !important} .toggle-menu {display:none} #header {position:fixed} #header .container {position:relative;max-width:1126px;margin:0 auto} #page.scrolled #header .container {box-shadow:0 5px 5px rgba(0, 0, 0, 0.25)} div[role="main"] {padding-top:114px;transition-duration:.2s} #page.scrolled div[role="main"] {padding-top:81px} .section > .home-tagline{display:table-cell;float:none;vertical-align:bottom} #who-we-are .section > .home-tagline {vertical-align:top} .section > .home-team {display:table-cell;float:none} nav[role="navigation"] {position:relative} nav[role="navigation"] ul.menu {padding:20px 0} nav[role="navigation"] ul.menu li {position:relative} nav[role="navigation"] ul.menu a {display:block;text-transform:uppercase;font-family:Quicksand, sans-serif} .safari nav[role="navigation"] ul.menu a {-webkit-text-stroke:.1px #fff} nav[role="navigation"] ul.menu > li {display:table-cell;width:158px;vertical-align:middle}nav[role="navigation"] ul.menu > li:last-of-type{width:375px} nav[role="navigation"] ul.menu > li.logo {width:308px} nav[role="navigation"] ul.menu > li.logo img {margin:0 auto} nav[role="navigation"] ul.menu > li > a {line-height:40px;color:#fff;font-size:.875em;font-weight:600} nav[role="navigation"] ul.menu > li:hover > a, nav[role="navigation"] ul.menu > li.current-menu-ancestor > a, nav[role="navigation"] ul.menu > li.current-menu-parent > a, nav[role="navigation"] ul.menu > li.current-menu-item > a {color:#4c464c} .safari nav[role="navigation"] ul.sub-menu a {-webkit-text-stroke:.1px #333F48} nav[role="navigation"] ul.sub-menu {z-index:2;position:absolute;left:50%;top:100%;width:195px;display:none;margin-left:-99px;background:#fff} body.ie nav[role="navigation"] ul.sub-menu{top:74px} nav[role="navigation"] ul.sub-menu:before {display:block;content:"";position:absolute;left:50%;bottom:100%;width:12px;height:9px;margin-left:-6px;background:url(images/submenu_arrow.png) 0 0 no-repeat} nav[role="navigation"] ul.sub-menu ul {left:100%;top:0} nav[role="navigation"] li:hover > ul.sub-menu {display:block} nav[role="navigation"] ul.sub-menu a {padding:0 10px;line-height:23px;font-size:0.875em;white-space:nowrap} nav[role="navigation"] ul.sub-menu a {color:#333f48;word-break:break-word;white-space:normal} nav[role="navigation"] ul.sub-menu li.current_page_ancestor > a, nav[role="navigation"] ul.sub-menu li.current_page_parent > a, nav[role="navigation"] ul.sub-menu li.current_page_item > a, nav[role="navigation"] ul.sub-menu li:hover > a {background:#9A248E;color:#fff} .listings-table td.col-times {width:230px} .listings-table td.col-rooms {width:150px} .listings-table td.col-agent {width:150px} } @media screen and (min-width:768px) { .gform_wrapper ul li.gfield {overflow:hidden} .mfp-content form[id^="gform_"] ul.gform_fields label.gfield_label, form[id^="gform_"] ul.gform_fields label[for^="input"] {float:left;width:30%} form[id^="gform_"] ul.gform_fields label.gfield_label, form[id^="gform_"] ul.gform_fields label[for^="input"] {float:left;width:30%} body .gform_wrapper label.gfield_label+div.ginput_container {float:left;width:70%} .gform_wrapper .gform_footer {padding-left:30% !important} .s {display:none !important} #subscriptions ul.options {box-sizing:border-box;position:absolute;width:95%;padding:20px 20px 15px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.2)} #subscriptions ul.listforms > li > label {float:left;width:20%} #subscriptions ul.subforms {float:left;width:80%} #subscriptions ul.subforms > li {position:relative;float:left;width:25%} #footer .section:nth-child(1) .column.details {max-width:40%} #footer .section:nth-child(1) .column.forms {width:60%} #footer .column.suburbs{width:35%} #footer .column.contact{width:65%} } @media screen and (max-width:1200px) and (orientation:portrait) { body{background-size:100% 100%;background-position:center top} } @media screen and (max-width:1151px) { body{background-size:145% 100%;background-position:center top;overflow-x:hidden} .d {display:none !important} .m-cf {float:none !important;width:auto !important} #header .logo {display:block} #header .container {height:91px;padding:10px 0} #header nav[role="navigation"] {display:none} .homepage .section:not(:nth-child(1)) {margin:0 26px} .homepage .section.section-bg{margin:0} .section > .home-team, .section > .home-tagline{width:100%} .section > .home-tagline{text-align:center} .section > .home-tagline > span, #who-we-are .section > .home-tagline > span{text-align:center;position:relative;display:block;padding:0 13px !important} .home-tagline span > span{display:inline} .section .home-page-bg ul{padding:0 20px} .toggle-menu {position:absolute;top:0;right:0;color:#fff;cursor:pointer} .toggle-menu span {float:left;line-height:81px;font-size:1.1em} .toggle-menu i.fa { width:60px;height:81px;line-height:81px;font-size:2.28571em;text-align:center; -ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg); -webkit-transition:all 0.2s;transition:all 0.2s; } .toggle-menu.shrink i.fa {-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #mobile-tools {position:fixed;z-index:2;top:50%;right:0;margin:-75.5px 0 0} #mobile-tools.alt {display:block} #mobile-tools a {display:block;width:24px;height:50px;line-height:50px;color:#fff;font-size:1.28571em;text-align:center;background:rgba(163, 110, 165, 0.75)} #mobile-tools a.scroll-down {margin:1px 0} #sidenav { position:absolute;top:-90px;bottom:0;right:0;width:260px;background:#f5f3f2 url(images/sidenav.png) 0 0 repeat-y; -ms-transform:translate(100%, 0);-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0); } #page.shrink #sidenav {display:block} #sidenav ul.menu > li {border-bottom:1px solid rgba(0, 0, 0, 0.1);border-top:1px solid rgba(255, 255, 255, 0.5);list-style:none} #sidenav ul.menu a {display:block;color:#333f48} #sidenav ul.menu > li > a {position:relative;height:60px;padding:0 20px;line-height:64px;font-size:1.25em} #sidenav ul.menu li.shrink > a {background:#e3e1df} #sidenav ul.menu a.toggle-submenu span { display:block;position:absolute;top:0;right:0;width:60px;height:60px;color:#333f48;text-align:center;background:rgba(0,0,0,.05); -ms-transform:translate(0px, 0px);-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px); -webkit-transition:all 0.5s;transition:all 0.5s; } #sidenav ul.menu a.toggle-submenu span:before {font-family:"FontAwesome";content:"\f107"} #sidenav ul.menu li:hover > a.toggle-submenu span, #sidenav ul.menu li.shrink > a.toggle-submenu span {color:#9A248E} #sidenav ul.menu li.shrink > a.toggle-submenu span:before {content:"\f106"} #sidenav ul.sub-menu {max-height:0;overflow:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s} #sidenav li.shrink > ul.sub-menu {max-height:200em;-webkit-transition-duration:1s;transition-duration:1s} #sidenav ul.sub-menu.level-0 > li:first-child {border-top:1px solid rgba(0, 0, 0, 0.135)} #sidenav ul.sub-menu.level-0 > li:first-child > a {border-top:1px solid rgba(255, 255, 255, 0.75)} #sidenav ul.sub-menu a {padding:9px 20px} #sidenav ul.sub-menu li:first-child > a {padding:28px 20px 9px} #sidenav ul.sub-menu li:last-child > a {padding:9px 20px 28px} #sidenav li.current_page_ancestor > a, #sidenav li.current_page_parent > a, #sidenav li.current_page_item > a, #sidenav li:hover > a {color:#9A248E} #sidenav-overlay {position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.5) url(images/sidenav_overlay.png) 100% 0 repeat-y} #page.shrink #sidenav-overlay {display:block} #page-intro .title h1 {line-height:inherit;padding:28px 0} #footer .section {padding:17px 26px} #sales #page-sales #testimonials p.p1 {width:110%;margin-left:-12px} #sales #page-sales #testimonials p {background:none;padding:0;width:78%;margin:auto} } @media screen and (max-width:1151px) and (orientation:portrait){ table.calc_table td.calc_field{width:50%} table.calc_table .submit_btn {margin-left:50%;padding-left:5px} } @media screen and (min-width:1024px) and (max-width:1151px) { #current-listings .property a.container, .homepage .suburb-profiles a {padding-bottom:66%} .listings-table td.col-times {width:200px} .listings-table td.col-rooms {width:150px} .listings-table td.col-agent {width:120px} #agent .section.overview .details p.description:not(.t-landscape) {display:none} #agent .section.overview .details p.description.t-landscape {display:block} } @media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) { .realty_widget_featured_listings .homepage-listings .property .paint span {-webkit-transform-origin:20px 30px 0;transform-origin:20px 30px 0;font-size:1.02em} #footer .contact .forms .ginput_complex span:nth-of-type(1), #footer .contact .forms .ginput_complex span:nth-of-type(2) {width:50%} #page-what-we-do .links a {height:54px;line-height:normal;padding:5px 10px;box-sizing:border-box} #strata-management .grid-two-thirds.b > .column:nth-child(2) {width:40%} #strata-management .grid-two-thirds.b > .column:nth-child(1) {width:60%} .realty_widget_quick_search_2 .grid-max-3 > .column {padding:0;margin-left:-3px} } @media screen and (min-width:768px) and (max-width:1151px) { article#entry {padding:28px 26px} #content.team #page-intro .copy {padding:0 26px} #subscriptions ul.subforms > li {width:33.33%} #footer .suburbs ul.list li:nth-of-type(2n+1) {width:50%} #footer .suburbs ul.list li {width:50%} } @media screen and (min-width:768px) and (max-width:1023px) { .homepage-listings .property section {padding:10px} .homepage .section .overlay p:nth-of-type(1) {max-height:45px;overflow:hidden} .homepage-listings .property h2.address {line-height:1;font-size:1.1em} ul.rooms li.bedrooms,ul.rooms li.bathrooms {margin-right:10px} ul.rooms li.carspaces {padding-left:26px} ul.rooms li.bathrooms {padding-left:30px} #testimonials p.p1 {display:block} #testimonials p.p2 {display:block} #current-listings .property a.container, .homepage .suburb-profiles a {padding-bottom:75%} #agent .section.overview .details p.description:not(.t-portrait) {display:none} #agent .section.overview .details p.description.t-portrait {display:block;/*white-space:pre-line;*/ } #agent .section.overview .details p.description:before {margin:0} .listings-table td.col-rooms {display:none} .listings-table td.col-times {width:160px} .listings-table td.col-agent {width:110px} } @media screen and (max-width:767px) and (orientation:portrait) { .s-cf {float:none !important;width:auto !important} .t, .dt {display:none !important} .s-lrpad {padding-right:13px !important;padding-left:13px !important} img.paraimage {display:none} #map_canvas {padding-bottom:100%} #header .logo a {display:inline-block;height:60px;line-height:60px} #header .logo img {display:inline;max-width:200px;vertical-align:middle} .toggle-menu span {display:none} .toggle-menu i.fa {font-size:2em} .homepage .section {padding:0 0 13px} .homepage .section:not(:nth-child(1)) {margin:0 13px} .homepage .section.section-bg{margin:0} .homepage .section .column {width:100% !important} .homepage .section .column:nth-of-type(1) {padding-bottom:13px} .homepage .slides .direction {display:none} .homepage .section .overlay {position:static;width:auto !important} .homepage .slide .copy h2 {padding:0 10px;box-sizing:border-box} .homepage .section .logo-testimonial ul li img{max-width:120px;margin:10px auto} .quicksearch-1.shrink {max-height:15em} .quicksearch-1 .field {padding:0 0 14px} .quicksearch-1 .field.button {padding:0 0 28px} .property .section.overview .block.left, .property .section.overview .block.right {float:none;width:auto;padding:0} #property-media #gallery .container {padding-bottom:100%} #property-media #gallery .cycle-pager span {width:10px;height:10px;margin:0 3px} #property-media #heading {height:auto} #property-media #heading ul.links {padding:23px 0 13px} } @media screen and (max-width:767px) { .homepage-listings .properties .property {float:none;width:100%} .mfp-content form[id^="gform_"] ul.gform_fields label.gfield_label, form[id^="gform_"] ul.gform_fields label[for^="input"] {float:none;width:100%} body .gform_wrapper label.gfield_label+div.ginput_container {float:none;width:100%} .gform_wrapper ul li#field_11_6, .gform_wrapper ul li#field_11_7, .gform_wrapper ul li#field_11_9, .gform_wrapper ul li#field_11_10, .gform_wrapper ul li#field_11_11 {width:100%;float:right} .gform_wrapper .gform_footer {padding-left:100%} form[id^="gform_"] ul.gform_fields label.gfield_label, form[id^="gform_"] ul.gform_fields label[for^="input"] {float:none;width:100%} article#entry {padding:28px 13px} .section .home-page-bg {padding:9% 0} .section .home-page-bg .slide .container h2 {font-size:1.2em} #team #agent .section.overview .photo {padding:0;margin-bottom:28px} #property .s-cf {float:none !important;width:auto !important} #property-media #heading {height:auto} #search-tools .sort:before, #search-tools .sort:after, #footer nav ul.menu:before, #footer nav ul.menu:after, #footer .vendors:before, #footer .vendors:after {display:table;content:""} #search-tools .sort:after, #footer nav ul.menu:after, #footer .vendors:after {clear:both} #search-tools {padding:0 0 13px} #search-tools h2.summary, #search-tools .sort {padding-left:0} #search-tools h2.summary {margin:13px 0} #search-tools .sort select {float:right} .quicksearch-2 {padding:0} .quicksearch-2 .grid-max-3 > .column {padding-top:10px} .quicksearch-2 .grid-max-3 > .column:nth-child(1) .sbHolder {z-index:3} .quicksearch-2 .grid-max-3 > .column:nth-child(2) .sbHolder {z-index:2} #search-tools .sort .sbHolder {z-index:4} body {overflow-x:hidden} .home-team-text > span, .home-team-text .home-team-name {text-align:left} .home-team-text.mright > span{text-align:right} .home-team-text .home-team-name, .home-team-text .home-team-phone{width:100%} .property .section.overview {padding:28px 13px} #property-enquiry .agent .overview {padding:0 0 0 12px;word-wrap:break-word} .listings-table td.col-image, .listings-table td.col-rooms {display:none} #page-intro .image {padding-bottom:100%} #content.team #page-intro .copy {padding:0 13px} #agents .banner .overlay {position:static;width:100%} #page-contact .block:not(.assist) {margin-bottom:13px} #page-contact .map .holder {padding-bottom:100%} #page-intro .title h1 {padding:20px 15px;box-sizing:border-box} #post-entry, #sidebar {width:100%;padding-right:0} .comments-template {margin:0 0 28px;padding:0 0 28px;border-bottom:2px solid #dcdad9} .mf-walkscore .mfp-iframe-scaler {padding-top:145%} .listings-table table, .listings-table tbody, .listings-table tr, .listings-table td {display:block} .listings-table tr.row-date td.col-date {padding:14px 0;border-bottom:none;text-align:center} .listings-table tr.row-date:first-child td.col-date{padding:0 0 14px} .listings-table tr.row-property {margin:0 0 14px;padding:14px 14px 7px;background:#fff;border:solid 1px #ccc;box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1)} .listings-table tr.row-property td {position:relative;padding:0 0 7px 35%;border-bottom:none;text-align:left} .listings-table tr.row-property td:before {display:inline-block;position:absolute;top:0;left:0;width:35%;font-weight:600} .listings-table td.col-address:before {content:"Address:"} .listings-table td.col-times:before {content:"Date:"} .listings-table td.col-rooms:before {content:"Rooms:"} .listings-table td.col-agent:before {content:"Agent:"} #subscriptions ul.listforms > li > label {display:block} #subscriptions ul.listforms > li.alerts > label {margin:0 0 5px} #subscriptions input[type="text"] {width:100%} #subscriptions ul.options {margin:10px 0} footer[role="contentinfo"] {word-spacing:0} #footer .section:nth-child(1) {padding:13px 26px 0} #footer .section:nth-child(2) .column:nth-child(1) {display:none} #footer .section .grid-max-2 > .column:nth-child(1) {padding-bottom:26px} #footer nav ul.menu > li {width:50%;margin:0 0 13px} #footer .suburbs ul.list li, #footer .suburbs ul.list li:nth-of-type(2n+1) {width:50%} #footer .contact .forms input[type="text"] {width:100%} #footer .vendors {padding:26px 0 0} #footer .vendors a {float:none;display:inline-block;margin-right:13px} #page-intro .title h1 {background-size:cover} .section .home-page-bg {padding:5% 0} span.home-team-phone.text-right {position:absolute;bottom:-36px} .home-team .home-texts .home-team-text {position:relative} } @media screen and (max-width:480px) { #footer .section ul ul {width:50%} ul.footer-email {width:100% !important} #contact-us div.gform_wrapper {max-width:100%} .safari #property-media #gallery .container {padding-bottom:0;min-height:250px;background-size:cover;background-position:center center;max-width:480px} #property-media #gallery .container {padding-bottom:0;min-height:250px;background-size:cover;background-position:inherit} } @media screen and (max-width:320px) { #property-media #gallery .container {padding-bottom:0;min-height:250px;background-size:cover;background-position:inherit} .safari #property-media #gallery .container {padding-bottom:0;min-height:215px;background-size:cover;background-position:inherit} .safari #search-results .thumbview .listing figure {position:relative;height:0;padding-bottom:65.25%;overflow:hidden} } /* safari form and font fixes*/ body.safari input[type="text"], body.safari input[type="submit"], body.safari input[type="button"], body.safari select, body.safari textarea {-webkit-appearance:none;border-radius:0} body.safari {word-spacing:0;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased} body.safari .font-fs-lola-medium-alt {word-spacing:0} body.safari .font-fs-lola-bold-alt {word-spacing:0} /* update - 020915 */ table.calc_table{position:relative} table.calc_table td.calc_field{width:40%} table.calc_table .submit_btn {margin-left:40%;padding-left:5px} .page_numbers a, .page_next a, .page_prev a {float:left;margin:0 7px;font-size:22px;font-weight:bold} .page_next a, .page_prev a {font-size:28px;line-height:31px} p.page_numbers a.hover {color:#444} p.page_numbers a.current_page_link {color:#444;text-decoration:underline} @media screen and (max-width:1024px) { .section > .home-team.bottom {margin:0 auto;float:none} } @media screen and (max-width:767px) { .homepage .slide .container {width:100%} .section > .home-team.bottom {width:100%} } @media screen and (max-width:480px) { .toggle-menu span {display:none} table.calc_table td {padding:5px 0} table.calc_table td.calc_field, table.calc_table td.calc_value {float:left;padding:5px 0;width:100%} table.calc_table .submit_btn {margin:0;padding:0} #footer .section ul ul {width:100%} ul.footer-phone li, ul.footer-email li {padding:0} ul#testi > li.testi-num {margin:0 0 28px} ul#testi > li.testi-num img {float:none;margin:0 0 28px;width:100%} } /*QuickSearch Homepage*/ #quicksearch{width:100%;position:static} .quicksearch-1 .search-toggle{width:16%;background:#fff;border:none;padding:0;text-align:center;float:left} .quicksearch-1 .search-fields.shrink{width:84%;float:left} .quicksearch-1 .search-fields .wrap{padding:0} .quicksearch-1 .search-fields .wrap .field{float:left;height:50px;line-height:50px} .quicksearch-1 .search-fields .wrap .field.type{width:30%;background:#4C464C;color:#fff;} .quicksearch-1 .search-fields .wrap .field.type label{width:33.33%;text-align:center} .quicksearch-1 .search-fields .wrap .field.type label > span:nth-of-type(1){width:25px;float:none} .quicksearch-1 .search-fields .wrap .field.suburb{width:50%;padding:0} .quicksearch-1 .search-fields .wrap .field.suburb .suburb-wrapper,.quicksearch-1 .search-fields .wrap .field.suburb .opt {width:50%;float:left;padding:0} .quicksearch-1 .search-fields .wrap .field.suburb .opt{text-align:center;background:#4C464C;color:#fff} .quicksearch-1 .search-fields .wrap .field.suburb .opt .jc-checkbox{float:none} .quicksearch-1 .search-fields .wrap .field.suburb .suburb-wrapper .sbHolder{width:90%;margin:0 auto;display:inline-block;vertical-align:middle;margin-top:-4px} .quicksearch-1 .search-fields .wrap .field.suburb .suburb-wrapper .sbHolder a.sbSelector, .quicksearch-1 .search-fields .wrap .field.suburb .suburb-wrapper .sbHolder ul.sbOptions{text-align:left} .quicksearch-1 .search-fields .wrap .field.suburb .suburb-wrapper{line-height:50px;height:50px;background:#fff;text-align:center} .quicksearch-1 .search-fields .wrap .field.suburb .suburb-wrapper .sbHolder .sbOptions li{line-height:2} .quicksearch-1 .search-fields .wrap .field.button{width:20%;text-align:center;background:#fff} #property-search .quicksearch-1 .search-toggle{width:25%} #property-search .quicksearch-1 .search-fields.shrink{width:75%} #property-search .quicksearch-1 .search-fields .wrap .field.suburb{width:66.66%} #property-search .quicksearch-1 .search-fields .wrap .field.button{width:33.33%} @media screen and (max-width:830px) { .quicksearch-1 .search-toggle,.quicksearch-1 .search-fields.shrink{width:100%} #content.homepage{margin-top:100px} #page-header {padding:85px 0 0} #property-search .quicksearch-1 .search-toggle{width:100%} #property-search .quicksearch-1 .search-fields.shrink{width:100%} } @media screen and (max-width:716px) { .quicksearch-1 .search-fields .wrap .field.type{width:100%} .quicksearch-1 .search-fields .wrap .field.suburb{width:66.66%} .quicksearch-1 .search-fields .wrap .field.button{width:33.33%} #content.homepage{margin-top:150px} #page-header {padding:140px 0 0} #property-search #page-header {padding:110px 0 0} #blog header#lead{margin-top:145px} } @media screen and (max-width:500px) { #property-search .quicksearch-1 .search-fields .wrap .field.suburb{width:100%} #property-search .quicksearch-1 .search-fields .wrap .field.button{width:100%} #property-search #page-header {padding:160px 0 0} } @media screen and (max-width:460px) { .quicksearch-1 .search-fields .wrap .field.suburb,.quicksearch-1 .search-fields .wrap .field.button{width:100%} #content.homepage {margin-top:195px} #page-header {padding:200px 0 0} #blog header#lead {margin-top:200px} #property div[role="main"]{margin-top:180px} } #content #sidenav{top:-90px} #sidenav ul.sub-menu{margin:0} #buy .quicksearch-1 .search-fields .wrap .field.suburb{width:75%} #buy .quicksearch-1 .search-fields .wrap .field.button{width:25%} #renting .quicksearch-1 .search-fields .wrap .field.suburb {width:66.66%} #renting .quicksearch-1 .search-fields .wrap .field.button {width:33.33%} #renting #page-header{padding-top:100px} @media screen and (max-width:410px) { #buy .quicksearch-1 .search-fields .wrap .field.suburb,#buy .quicksearch-1 .search-fields .wrap .field.button{width:100%} } @media screen and (max-width:480px) and (min-width:460px) { #property div[role='main']{margin-top:130px} } @media screen and (max-width:1024px) { body{background-size:contain!important;background-repeat:repeat!important} } #testimonial-list .testi-message {float:left;width:100%} #testimonial-list .testi-image {float:right;width:33%} #testimonial-list .testi-image a {display:block;overflow:hidden;text-align:right} #testimonial-list .testi-image a img {float:none!important;margin:0 auto !important} #testimonial-list .p1 {overflow:hidden} #testimonial-list .name {background-color:rgba(154, 36, 142,.6);padding:5px 55px;color:#fff;margin:13px 0 15px} #testimonial-list .social{display:none} #testimonial-list .social a {padding:5px} #testimonial-list .social a:first-of-type {padding-left:0} #testimonial-list article#entry{padding-top:15px} #testimonial-list .testi-message p:before {font-family:FontAwesome;content:'\f10d';color:#9A248E;position:absolute;top:0;left:0;font-size:38px;line-height:normal} #testimonial-list .testi-message {position:relative;padding:20px 55px 40px;margin-top:20px} #testimonial-list .testi-message p:after {font-family:FontAwesome;content:'\f10e';color:#9A248E;position:absolute;bottom:0;right:0;font-size:38px;line-height:normal} @media screen and (max-width:1024px) { #testimonial-list .testi-message {float:left;width:63%} } @media screen and (max-width:768px) { #testimonial-list .testi-message,#testimonial-list .testi-image {float:none;width:100%} #testimonial-list .testi-image a{text-align:center} #testimonial-list .testi-image a img {width:100%} #testimonial-list .social{margin-bottom:15px} } /* Ticket : http://helpdesk.netpoint.group/a/tickets/64757 Date : 24/2/2019 */ body#contact-us article#entry:before, body#contact-us article#entry:after { display: table; position: relative; content: ''; clear: both; } body#contact-us div.gform_wrapper { margin-top: 0; max-width: 46%; } @media(min-width: 1024px) and (max-width: 1280px){ body#contact-us div.gform_wrapper, body#contact-us article#entry > p { width: 50%; margin: 0 !important; box-sizing: border-box; position:relative; display:block; max-width: 100%; } body#contact-us article#entry > p {padding-right: 30px;} body#contact-us article#entry > p iframe { display: block; max-width: 100%; width: 100%; box-sizing: border-box; } } @media(max-width: 1023px){ body#contact-us article#entry { display: flex; display: -webkit-flex; display: -ms-flex; display: -moz-flex; flex-direction:column-reverse; width:100%; max-width: 700px; margin: auto; } body#contact-us div.gform_wrapper, body#contact-us article#entry > p{ display:block; position:relative; width: 100%; max-width: 100%; } body#contact-us article#entry > p iframe{width:100%;} } @media (max-width: 320px) { .ginput_container.ginput_recaptcha { -webkit-transform: scale(0.93) translateX(-9px); -moz-transform: scale(0.93) translateX(-9px); -ms-transform: scale(0.93) translateX(-9px); transform: scale(0.93) translateX(-9px); } } ul.video{display:flex;flex-wrap:wrap;margin:10px -10px} ul.video li{list-style:none;width:33.33%;padding:10px} .video-container{position:relative;display:block;width:100%;height:0;padding-bottom:56.25%;overflow:hidden} .video-container iframe{width:100%;height:100%;position:absolute;left:0;top:0} @media (min-width: 768px) and (max-width: 992px) { ul.video li {width: 50%} } @media (max-width: 767px) { ul.video li {width: 100%} } /* update 16th122019 */ #property-media #gallery.gallery-4191088 .container { padding-bottom: 70%; } #search-results #search-intro { display: none; } /* feedback 6/1/2020 */ @media (max-width: 1075px) { .homepage .testimonials .slider li { width: 50vw !important; float: none; margin: 0; place-self: center;} .homepage .testimonials .slider li:nth-child(even) { display: none;} .homepage .testimonials .slider ul { display: grid; justify-content: center; max-width: 100% !important; grid-template-columns: auto auto; width: 100% !important;left: 0 !important} .homepage .testimonials .container { max-width: 300px; margin: auto; padding-bottom: 300px;} .homepage .testimonials > div { margin-bottom: 30px;} .homepage .section .logo-testimonial ul li img { width: auto;height: 50px; max-width: unset;} } @media (max-width: 660px) { .homepage .section .logo-testimonial ul li:not(:first-child), .homepage .testimonials .slider li:not(:first-child) {display: none;float: none;} .homepage .section .logo-testimonial ul li {float: none;margin: auto;width: 100%;} .homepage .testimonials .slider li {width: 100vw !important;padding: 0 30px;} .homepage .logo-testimonial {padding-bottom: 750px;} .homepage #testimonials, .homepage #tameka_testimonials {position: relative;} .homepage .section .logo-testimonial ul li:nth-child(3), .homepage .testimonials .slider li:nth-child(3) {display: block; position: absolute;top: 400px;} .homepage .testimonials .slider {position: absolute;top: 110px;padding-bottom: 500px;} .homepage .section .logo-testimonial ul li:not(:first-child) {display: block;position: absolute;top: 413px;} } @media (max-width: 320px) { .homepage .logo-testimonial {padding-bottom: 650px;} .homepage .testimonials .container {padding-bottom: calc(100vw - 62px) !important;} }