.realworks-wrap {max-width:1180px;margin:0 auto;padding-left:35px;padding-right:35px;} .realworks-wrap sup {vertical-align: super;font-size: small;} .rlw-objects {list-style:none;margin:0;display:grid;grid-column-gap:30px;grid-row-gap:50px;grid-template-columns:1fr 1fr 1fr;} .rlw-objects.columns-2 {grid-template-columns:1fr 1fr;} .rlw-objects.columns-1 {grid-template-columns:1fr;} .rlw-objects .rlw-object {position:relative;*background-color:#001631;color:#fff;} .rlw-objects .rlw-object.rlw-status-verkocht {*background-color:#000;} .rlw-objects .rlw-object .rlw-post-link {color:#fff;position:relative;display:block;overflow:hidden;} .rlw-objects .rlw-object .rlw-loop-item-inner {position:absolute;width:100%;background-color:#000;height:auto;left:0;bottom:-50px;transition: bottom 0.5s ease;} .rlw-objects .rlw-object.rlw-status-beschikbaar .rlw-loop-item-inner {background-color:#001631;} .rlw-objects .rlw-object.rlw-status-verkocht-onder-voorbehoud .rlw-loop-item-inner{background-color:#616161;} .rlw-objects .rlw-object .rlw-post-link:focus .rlw-loop-item-inner, .rlw-objects .rlw-object .rlw-post-link:hover .rlw-loop-item-inner {bottom:0;} .rlw-objects .rlw-object .rlw-loop-item-header {clear:both;position:relative;} .rlw-objects .rlw-object .rlw-loop-item-header:after {content:' ';display:table;clear:both;} .rlw-objects .rlw-object .rlw-object-thumb {width:100%;position:relative;margin-bottom:60px;aspect-ratio:1 / 1;overflow:hidden;} .rlw-objects .rlw-object .rlw-object-thumb img {object-fit:cover;object-position:center center;width:100%;height:100%;display:block;} .rlw-objects .rlw-object .rlw-status {z-index:10;position:absolute;top:-10px;left:-10px;padding:8px 16px;background-color:#000;display:block;text-transform:uppercase;color:#fff;font-weight:600;font-size:1.1em;-webkit-box-shadow: 5px 5px 6px 0 rgba(0,0,0,.3);box-shadow: 5px 5px 6px 0 rgba(0,0,0,.3);} .rlw-objects .rlw-object.rlw-status-beschikbaar .rlw-status {background-color:#001631;} .rlw-objects .rlw-object.rlw-status-verkocht-onder-voorbehoud .rlw-status {background-color:#616161;} .rlw-objects .rlw-object h2 {font-size:0.9em;color:#fff;font-weight:400;padding:15px;display:inline-block;float:left;width:calc(100% - 140px);margin:0px;} .rlw-objects .rlw-object h2 span.street {display:block;} .rlw-objects .rlw-object .rlw-price {width:140px;float:right;font-weight:700;font-size:1.1em;text-align:right;position:absolute;bottom:8px;right:15px;} .rlw-objects .rlw-object ul.rlw-object-meta {list-style:none;width:100%;display:block;clear:both;margin:0;padding:10px 15px;height:50px;} .rlw-objects .rlw-object ul.rlw-object-meta:after {content:' ';display:table;clear:both;} .rlw-objects .rlw-object ul.rlw-object-meta li {display:inline-block;float:left;line-height:24px;margin-right:20px;} .rlw-objects .rlw-object ul.rlw-object-meta li:before {content:' ';display:inline-block;width:24px;height:24px;margin-right:4px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAwCAMAAADJhANkAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQIC/7xDPMGCf31BwjyCvpBvaQAAABAdJREFUWMOtmYl2hCAMRQ07KMr/f20RJoZFLXT6zmk7gwiXJISly1+0uvAR18u0QIUgvJx5w7AkA/fPTSCJfQqG3laDRPvGQyHOehNIEQodkzz2GkpsGbLkM70KnZRp6kNqLGmLz6dwpEoo0p5/jH0a1O55kkC7WBZlOY6FJ/n9AuL45iSQducI989QwmXqtpooDbLp4slWmkzoFmiPpRNBtJ4dWYmfTymueiBHXVrdW49wXQ0EPNsTRmDQKix+YFZ/rBVggQ5Ix5LtJbokJJ3NaQSqJ5sZDmdhchwJuOKpAcIOBsRDgKL+ShYPMBzOaJlgENHeASkYkKqApMjjXCB+cIPhLDF2oiw68QZoVASUHaYvl69j4YxxpAXh/ReQT+kAswV752EJo4mj4C4Hyi7R8QGJCogH0i9AOQ2uFEc3Zd8HNauAtjeeyhpKllbbyGpfzzIo9LbmX/FiMI6S8Dvlpw5Ibixriy81BR3QsDR2yzpL1qHtGyCaj2hAUxSsDdCuR4F4wsCYeXPmXgPtotrl9AUElEu2MaCUA6nrhuiadY6sR0EqPDvlRbKfrwpYCxSLRoEkOudlfbPYHk1jKjFYYGhC8B4oyBGgiMJ9iiOKSRLkSDl8MmQLBGMFcHpQOnr8Kk8rxRF67csaspz8MxB9G5Dkl4N5A0Pbjzo3QuuhFQvW1ofw+eYYcyFY9pt0ao5ZjkCKRylcGgQCMY+phoBsrJ0htYp99QUIZMOE7BWE7CaRcQRqj0nDUhDbnhKbBoIwJRARi9XisQPyoU0eTTp98wy0HuFsaz1D24pY1abUqOaAVD3dn7rLkrHyUw2Jc06kH9oL4+5qQDhD9SiQfgFCnlpm8mSVTNSr6a6UqoBq8XXZPa6eUprTbfs0EMwBwTMQp7VDaFz9/TTQAu4eiMXhtUAOSqf6JklX2wHMcPNA/SnlszDukg4xdEohIBSmWgpMUU6C03bDQiDeBzWKHvMXIFa0wWn/moBm9G9AW93Gd0A6/h4BwgRBNapKQt6lFZEmzrASCqauEuioWuWYtFpkkmhK0KZ2PqjTvsbWwy1XfvfBs/HvM5BPOaffPcJfgEx7vdAmS/hQrs9AUnR7Wp1zUw4LEX6V0AvSu6Yx7Zr8n3f1bnkEyqNSFU9O1LkPFgbELiAIDZE0jLTjAQdKIHeTQsIhC55s0nkg3CgrvTxKq/Lk99K+kiWPWQjo9/sLAsJto10fNgX5ae2fdyJAnnmg+jDxkM7RPkTE7nTg6dHk0EMgxvgIEGeMgHCNfZCD8WtHWFh5/xGSRoCyilEfTziHWWYuZnmew18B0cyFRmr0VpbaqI/9K8uSy6sky1rrTK9kV1FN3dbQsf8f5LGhlshP/rvBFs38ADHckvqg1bO9AAAAAElFTkSuQmCC') no-repeat 0 0 / auto 24px;} .rlw-objects .rlw-object ul.rlw-object-meta li.rlw-surface:before {background-position:-48px 0;} .rlw-objects .rlw-object ul.rlw-object-meta li.rlw-bedrooms:before {background-position:0 0;} .rlw-objects .rlw-object ul.rlw-object-meta li.rlw-bathrooms:before {background-position:-24px 0;} .rlw-objects .rlw-object ul.rlw-object-meta li span {position:relative;top:-5px;} /* Search */ #rlw-search {margin-bottom:50px;} #rlw-search .rlw-search-row input[type="search"], #rlw-search .rlw-search-row input[type="submit"], #rlw-search .rlw-search-row input[type="text"],#rlw-search .rlw-search-row select{-webkit-appearance:none !important;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal !important;float:left;height:34px;} #rlw-search .rlw-search-row-1 {display:block;width:100%;background-color:rgb(0 22 49 / 10%);border-top:1px solid rgb(0 22 49 / 40%);border-bottom:1px solid rgb(0 22 49 / 40%);padding:10px;display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;grid-gap:10px;} #rlw-search .rlw-search-row .rlw-search-col select {width:100%;padding:8px 20px 8px 12px;-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAIAgMAAAC0fyZfAAAADFBMVEUAAAAAAAAAAAAAAAA16TeWAAAAA3RSTlMAYO+vPlCQAAAAMElEQVQI1wXBMREAIAzAwDDhgQUrdVZpWKgEJDCwcuGfpRv1kFpMDboPmhfIAkbwAdygEtUQKviAAAAAAElFTkSuQmCC') no-repeat calc(100% - 5px) 50% / auto 5px #fff;border:1px solid rgb(0 22 49 / 40%);line-height:1;} #rlw-search .rlw-search-row .rlw-search-col.rlw-search-phrase input[type="search"] {width:calc(100% - 140px);padding:8px 12px;border:1px solid rgb(0 22 49 / 40%);display:inline-block;float:left;} #rlw-search .rlw-search-row .rlw-search-col.rlw-search-phrase input[type="submit"] {padding:8px 12px;width:140px;background:#001631;border:1px solid #001631;color:#fff;text-transform:uppercase;display:inline-block;float:left;line-height:normal;} #rlw-search .rlw-search-row .rlw-search-col.rlw-search-phrase input[type="submit"]:hover, #rlw-search .rlw-search-row .rlw-search-col.rlw-search-phrase input[type="submit"]:focus {border-color:#111;background-color:#111;} #rlw-search .rlw-search-row fieldset legend {display:inline-block;text-transform:uppercase;float:left;margin-right:4px;} #rlw-search .rlw-search-row fieldset label {margin-right:20px;} #rlw-search .rlw-search-col {position:relative;} #rlw-search .rlw-search-col > label {color:#000;position:absolute;top:4px;left:15px;white-space:nowrap;-webkit-transform-origin: left top;transform-origin: left top; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;z-index: 1;font-size:0.8em;} #rlw-search .rlw-search-col .rlw-has-focus + label, #rlw-search .rlw-search-col > *:focus + label {-webkit-transform: translate3d(-6px,-0.7rem,0) scale(.85);transform: translate3d(-6px,-0.7rem,0) scale(.85);background:#fff;padding:1px 3px;line-height:1.1;} @media only screen and (max-width: 1100px) { .rlw-objects .rlw-object h2 {display:block;width:100%;float:none;} #rlw-search .rlw-search-col label {-webkit-transform: translate3d(-5px,-0.9rem,0) scale(.85);transform: translate3d(-5px,-0.9rem,0) scale(.85);background:#fff;padding:1px 3px;line-height:1.1;} #rlw-search .rlw-search-row .rlw-search-col.rlw-search-phrase input[type="submit"] {width:100px;} #rlw-search .rlw-search-row .rlw-search-col.rlw-search-phrase input[type="search"] {width:calc(100% - 100px);} } @media only screen and (max-width: 980px) { .rlw-objects {grid-column-gap:25px;grid-row-gap:40px;grid-template-columns:auto auto;} .rlw-objects .rlw-object h2 {display:inline-block;float:left;width:calc(100% - 140px);} .rlw-objects .rlw-object .rlw-status {padding:4px 8px;font-size:1em;} #rlw-search .rlw-search-row-1 {grid-template:"a a a" "b c d";} #rlw-search .rlw-search-phrase {grid-area: a;} } @media only screen and (max-width: 650px) { .rlw-objects {display:block;} .rlw-objects .rlw-object {margin-bottom:40px;} } @media only screen and (max-width: 500px) { #rlw-search .rlw-search-row-1 {display:block;} #rlw-search .rlw-search-row-1:after{content:' ';display:table;clear:both;} #rlw-search .rlw-search-row-1 > div {display:block;clear:both;position:relative;} #rlw-search .rlw-search-row-1 > div:after {content:' ';display:table;clear:both;} #rlw-search .rlw-search-row-1 select, #rlw-search .rlw-search-row-1 input {display:block;float:none;} #rlw-search .rlw-search-row-1 > *:not(:last-of-type) {margin-bottom:20px;} #rlw-search .rlw-search-row-2 {font-size:0.9em;} #rlw-search .rlw-search-row-2 span {display:block;clear:both;} .realworks-archive-header h1 {font-size:30px;padding-bottom:10px;} }