/** TITLE **/ .search-page-title { font-size:1.8em; text-transform:uppercase; margin:20px 0px; } .search-page-title { color:#28B6E4; } /** VIEW BAR **/ .search-page-view { clear:both; width:100%; margin:0px 0px 20px 0px; } .search-page-view .search-page-buttons { float:left; } .search-page-view .search-page-sort { float:right; width:125px; margin:10px 10px 0px 0px; } .search-page-view .search-page-sort .styledd { width:100%; } .search-page-view .search-page-sort label { display:none; } .search-page-view .search-page-sort .styledd { background-color:#FFFFFF; } /** LISTINGS **/ ul.property-list { list-style:none; margin:0px; padding:0px; } ul.property-list li.property-list-item { display:block; float:left; width:96%; clear:both; padding:2%; margin-bottom:15px; position:relative; } ul.property-list .property-list-photo { position:relative; float:left; width:330px; text-align:center; padding:5px; } ul.property-list .property-list-details { float:right; width:60%; } ul.property-list .property-list-details .address { display:block; clear:both; font-size:1.1em; font-weight:600; } ul.property-list .property-list-details .townPostcode { display:block; clear:both; font-size:0.9em; } ul.property-list .property-list-details .property-list-attributes { display:block; clear:both; margin:20px 0px; padding:5px 0px; } ul.property-list .property-list-details .property-list-brief { display:block; clear:both; overflow:hidden; } ul.property-list .property-list-details .property-list-base { display:block; clear:both; margin:20px 0px; } ul.property-list .property-list-details .property-list-price { float:left; } ul.property-list .property-list-details .property-list-price .price-value { font-size:1.1em; font-weight:600; } ul.property-list .property-list-details .btn-more { float:right; padding:10px; } ul.property-list li.property-list-item { border:5px solid #F2FCFF; background:#FFFFFF; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; } ul.property-list li.property-list-item:hover { border:5px solid #F2FCFF; background:#F2FCFF; box-shadow:0 0 6px rgba(0, 0, 0, 0.15); cursor:pointer; } ul.property-list .property-list-photo { background-color:#FFFFFF; border:1px solid #E5E5E5; } ul.property-list .property-list-details .address { color:#28B6E4; } ul.property-list .property-list-details .townPostcode { color:#666666; } ul.property-list .property-list-details .property-list-attributes { color:#666666; font-size:16px; } ul.property-list .property-list-details .property-list-brief { color:#666666; } ul.property-list .property-list-details .property-list-price { color:#666666; font-size:16px; } ul.property-list .property-list-details .property-list-price .price-value { color:#28B6E4; } ul.property-list .property-list-details .btn-more { background:#28B6E4; color:#FFFFFF; border:none; } ul.property-list .property-list-details .btn-more:hover { background:#0B3D4D; color:#FFFFFF; border:none; } ul.property-list .property-list-photo img { max-width:100%; height:auto !important; } ul.property-list .property-list-photo .property-list-no-photo { max-width:100%; height:auto !important; } /** STATUS **/ ul.property-list .property-list-item .status-banner { position:absolute; top:10px; left:0px; padding:10px; text-transform:uppercase; font-weight:bold; } ul.property-list .property-list-item.status-toLet .status-banner, ul.property-list .property-list-item.status-forSale .status-banner { display:none; } ul.property-list .property-list-item .status-banner { background:#28B6E4; color:#FFFFFF; } /** PAGINATION **/ .search-page-pagination { clear:both; margin:20px 0px 20px 0px; padding:3px; } .search-page-pagination .paging-prev, .search-page-pagination .paging-next { display:inline-block; float:left; width:auto; } .search-page-pagination ul { float:left; list-style:none; margin:0px; padding:0px; display:inline-block; } .search-page-pagination ul li { margin:0px; display:inline-block; float:left; } .search-page-pagination .paging-prev, .search-page-pagination .paging-next, .search-page-pagination ul li span, .search-page-pagination ul li a { display:inline-block; padding:5px 10px; } .search-page-pagination .paging-prev, .search-page-pagination .paging-next { margin:0px 0px 0px 5px; } .search-page-pagination ul li.paging-numbers-separator { padding:5px 5px; } .search-page-pagination .prevNext { float:right; } .search-page-pagination { color:#0B3D4D; } .search-page-pagination a { color:#0B3D4D; } .search-page-pagination a:hover, .search-page-pagination .paging-numbers-current { background-color:#28B6E4; color:#FFFFFF; } .search-page-pagination .paging-prev, .search-page-pagination .paging-next { background-color:#28B6E4; color:#FFFFFF; } .search-page-pagination .paging-prev:hover, .search-page-pagination .paging-next:hover { background-color:#0B3D4D; color:#FFFFFF; } /** NO PROPERTIES **/ .no-properties-wrapper { text-align:center; padding:30px 0px; } .results-save-status a { color:#28B6E4; } .results-save-status a:hover { color:#28B6E4; text-decoration:underline; } /** RESPONSIVE **/ @media screen and (max-width:960px){ ul.property-list .property-list-details { width:50%; } } @media screen and (max-width:790px){ ul.property-list .property-list-details { width:45%; } } @media screen and (max-width:690px){ ul.property-list .property-list-photo, ul.property-list .property-list-details { float:none; clear:both; width:90%; margin:0px auto 10px auto; } } @media screen and (max-width:400px){ ul.property-list .property-list-photo img { max-width:100%; height:auto !important; } ul.property-list .property-list-details .address { font-size:1.1em; } ul.property-list .property-list-price { clear:both; margin:0px 0px 10px 0px; } ul.property-list .property-list-details .btn-more { display:block; float:none; clear:both; margin:20px auto; } }