html {
background:#EAEAEA;
}
body {
font-family: 'Roboto', sans-serif;
background:#F5F5F5;
}
img {
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
}
p {
font-weight:300;
}
h1, h2, h3, h4, h5, h6, .navbar, #home-search-tabs .nav-link, .btn, .featured-property-label, .service-icons-container p, #refine-button, #page-tabs {
font-family:Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5 {
font-weight:400;
}
h2 {
}
h3 {
font-size:1.5em;
color:#000;
}
h4 {
font-size:1.2em;
}
#particulars-top-right h1, #particulars-price, #particulars-features, #particulars-address {
/*font-family: 'Amiri', serif;*/
}
select, .form-control, .nav-link, .btn, .modal-content, .navbar-toggler, .leaflet-popup-content-wrapper {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.btn {
border:none;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.p-5 {
padding:30px !important;
}
.ps-5 {
padding-left:30px !important;
}
.pe-5 {
padding-right:30px !important;
}
.pt-5 {
padding-top:30px !important;
}
.pb-5 {
padding-bottom:30px !important;
}
.p-6 {
padding:35px;
}
.error {
color:#C00;
}
p.error {
margin:0;
padding:20px 0 0 0;
}
ol.error {
list-style-type:none;
margin:0;
padding:20px 0 0 0;
color:#C00;
}
/*---------------------- Custom colours -----------------------*/
h1 {
}
a {
color:#8D8272;
}
a:hover {
color:#AFA79C;
}
.brown {
color:#AEA69B;
}
/* Icons */
i {
color:#AFA79C;
}
#valuation-form i, #register-form i {
color:#AFA79C;
}
#valuation-form .letting-icon, #register-form .rent-icon {
color:#333333;
}
.btn i {
color:#fff;
}
#home-text-box .btn i {
color:#AFA79C;
}
.search-result i {
color:#AFA79C;
}
/* Buttons */
.btn-primary, .btn-primary:focus,.btn-primary:not(.disabled):active:focus {
background:#AFA79C;
}
.btn-primary:hover {
background:#B9B1A8;
}
.btn-text {
}
.btn-text i {
color:#AFA79C;
}
/* General */
#page-tabs .nav-link.active {
border-bottom:4px solid #AFA79C;
color:#000;
}
.transport-links-container {
background:#FEF1ED;
padding:30px;
}
.transport-links-container p {
color:#000;
font-size:1em;
}
.transport-links-container h3 {
font-size:1.4em;
color:#AFA79C;
}
/* Menu/header */
.navbar {
/*background:#fff;*/
}
.navbar-nav .nav-link {
color:#333;
}
.navbar-nav a:hover {
color:#000;
/*background:#F2F2F2;*/
border-bottom:3px solid #AFA79C;
margin-bottom:0px;
}
.navbar-nav a.active {
color:#000;
border-bottom:3px solid #AFA79C;
margin-bottom:0px;
}
.navbar-nav a.home-link {
background:none;
border-bottom:none;
}
.navbar-nav a.highlight {
background:#AFA79C;
color:#fff;
margin-left:10px;
border-bottom:none;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.navbar-nav a.highlight:hover {
background:#B9B1A8;
color:#fff;
border-bottom:none;
}
.dropdown-menu {
padding:0;
border:0;
border-radius:0;
margin-top:-4px;
}
.dropdown-menu > li > a {
padding:8px 15px;
font-size:0.9rem;
font-weight:400;
color:#333;
border:none;
}
.dropdown-menu > li > a:hover {
color:#000;
border:none;
background:none;
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus {
background:none;
color:#333;
border:none;
}
.dropdown-toggle::after {
transition: transform 0.15s linear;
}
.show.dropdown .dropdown-toggle::after {
transform: translateY(3px);
}
/* Mobile menu */
.navbar-toggler {
background:#B9B1A8;
}
.navbar-toggler i.fa-bars {
color:#fff;
}
/* End of mobile menu */
/* Footer */
.footer {
background:#243142;
}
/* Home page text box */
#home-text-box {
background:#fff;
}
#home-text-box p {
}
/* Home page search */
#home-search-tabs .nav-link {
background:#fff;
color:#333;
}
#home-search-tabs .nav-link:hover {
background:#F3F3F3;
}
#home-search-tabs .nav-link.active {
background:#AFA79C;
color:#fff;
}
#home-search-content {
background:#AFA79C;
color:#fff;
}
/* Featured properties */
.featured-property-details {
border-left:5px solid #AFA79C;
}
.featured-property-label {
background:#000;
}
.featured-property-price {
color:#fff;
}
/*
.service-icons-container {
background:#000;
}
.service-icons-container i {
color:#fff;
}*/
/* Search results */
#search-bar {
color:#333;
padding:20px 0;
}
#search-bar input.area-field, #search-bar select {
border:none;
padding:10px 15px;
color:#666;
}
#search-options select {
border:none;
padding:10px 35px 10px 15px;
color:#666;
}
#search-bar .btn-primary {
padding:9px 10px;
}
a#refine-button {
background:#AFA79C;
color:#fff;
}
#search-results-view a {
color:#333;
}
#search-results-view a:hover {
/* background:#EEECE3;*/
}
#search-results-view a.active {
background:#E6E6E6
}
#search-results-view a.active .fas, #search-results-view a:hover .fas {
/*color:#C977DD;*/
}
.search-result:hover, .map-list-item:hover {
background: #EEECE3;
}
.image-overlay {
background: rgba(184,175,137,0.29);
}
.page-item .page-link {
color:#333;
}
.page-item.active .page-link {
background-color: #AFA79C;
border-color: #AFA79C;
}
/* End of search results */
/* Map search results */
.map-list-item {
background:#fff;
border-right:5px solid #AFA79C;
}
/* Particulars */
#particulars-top-right {
background:#AFA79C;
}
#particulars-viewing-box {
background:#AFA79C;
}
#particulars-top-right .btn-primary, #particulars-viewing-box .btn-primary {
border:1px solid #FFF;
}
#particulars-top-right .btn-primary:hover, #particulars-viewing-box .btn-primary:hover {
}
#particulars-top-right .btn-primary i, #particulars-viewing-box .btn-primary i {
color:#FFF;
}
#particulars-top-right h1, #particulars-address, #particulars-price, #particulars-features, #particulars-viewing-box {
color:#fff;
}
#slideshow .sp-selected-thumbnail {
border: 4px solid #AFA79C;
}
#particulars-contact-box h4 {
border-bottom:3px solid #AFA79C;
}
#particulars-contact-box a {
color:#333;
}
#particulars-contact-box a:hover {
color:#000;
}
#particulars-viewing-box h5 {
border-bottom:2px dotted #fff;
}
/* Valuation/Register pages */
.rent-icon, .letting-icon {
color:#AFA79C;
}
/* Services pages */
.services-list {
color:#AFA79C;
}
.services-list li span {
color:#000;
}
ol {
font-weight:300;
}
/*--------------- End of custom colours ---------------*/
/* ------------ Header/menu ---------------- */
#logo {
height:40px;
position:absolute;
top:0px;
left:0px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
/* applies to GIF and PNG images; avoids blurry edges */
img[src$=".png"] {
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
}
.shrink img#logo, #header-particulars .shrink img#logo {
height:35px;
top:8px;
}
#header {
position:fixed;
z-index:1000000000000;
width:100%;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
}
.navbar {
padding:0;
margin:25px 0 185px 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
text-transform:uppercase;
font-size:0.9rem;
}
#header-particulars .navbar {
margin-bottom:0;
}
#header-particulars #logo {
/*height:52px;*/
margin-left:10px;
}
#header-results .navbar {
margin-bottom:70px;
}
.navbar-nav .nav-link {
padding:12px 13px !important;
margin:0 5px 3px 5px;
}
.shrink .navbar, #header-results .shrink .navbar {
margin-top:0px;
margin-bottom:0px;
padding:10px 0 10px 0;
background:#fff;
}
.navbar .container {
position:relative;
}
.navbar-toggler {
margin:10px 10px;
}
/*-------------- General --------------------*/
#page-image {
height:auto;
max-height:400px;
overflow:hidden;
position:relative;
}
#page-image-heading {
position:absolute;
z-index:10;
top:70%;
width:100%;
}
#page-image-heading h1 {
color:#fff;
font-size:3.5em;
text-shadow: 1px 1px 3px #333;
font-weight:400;
}
#page-image-results {
height:auto;
max-height:300px;
overflow:hidden;
}
#page-tabs {
border-bottom:none;
}
#page-tabs .nav-link {
padding:25px 30px;
border:none;
font-size:1rem;
}
/*------------- Home page -------------------*/
.carousel-boxes-container {
margin-top:-140px;
position:relative;
z-index:1000000000;
}
#home-text-box {
box-shadow: 0px 1px 2px #DADADA;
}
#home-text-box .btn {
box-shadow: none;
}
#home-text-box h1 {
font-size:2rem;
line-height:2rem;
}
/* Home search */
#home-search select, #home-search input {
font-size:0.9rem;
}
#home-search-tabs {
border-bottom:none;
}
#home-search-content {
box-shadow: 1px 1px 2px #999;
}
#home-search-tabs .nav-link {
border:none;
}
#home-search-content .btn {
width:100%;
text-align:center;
border:1px solid #fff;
}
/* Featured properties */
#featured-properties {
margin:30px 0 30px 0;
}
#featured-properties .container {
position:relative;
}
.featured-property {
position:relative;
margin:10px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.featured-property img {
max-height:280px;
}
.featured-property:hover {
opacity: 0.6;
}
.featured-property-label {
position:absolute;
top:0px;
left:0px;
display:inline-block;
z-index:1000;
padding:7px 15px 7px 15px;
font-size:0.8em;
color:#fff;
}
.featured-property-details {
position:absolute;
bottom:0px;
left:0px;
background-color: rgba(0, 0, 0, 0.6);
display:inline-block;
z-index:1000;
padding:7px 15px 7px 15px;
font-size:0.9em;
font-weight:300;
color:#fff;
}
.featured-property-price {
padding:15px 0 15px 0;
font-weight:400;
font-size:1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
}
img.featured-image {
width:100%;
}
.prev {
position:absolute;
top:38%;
left:-20px;
z-index:1000000;
font-size:40px;
color:#ccc;
cursor:pointer;
}
.next {
position:absolute;
top:38%;
right:-20px;
z-index:1000000;
font-size:40px;
color:#ccc;
cursor:pointer;
}
.prev:hover, .next:hover {
color:#999;
}
@media (min-width: 1400px) {
#featured-properties .container {max-width:1360px;}
}
@media (max-width: 1399px) {
.featured-property img {max-height:240px;}
#featured-properties .container {max-width:1185px;}
.prev {left:30px;color:#fff;}
.next {right:30px;color:#fff;}
.prev:hover, .next:hover {color:#ccc;}
}
@media (max-width: 1199px) {
.featured-property img {max-height:200px;}
#featured-properties .container {max-width:1005px;}
}
@media (max-width: 991px) {
.featured-property img {max-height:225px;}
#featured-properties .container {max-width:760px;}
}
@media (max-width: 767px) {
.featured-property {margin:0;}
.featured-property img {max-height:330px;}
#featured-properties .container {max-width:560px;}
}
@media (max-width: 500px) {
.featured-property img {max-height:270px;}
}
@media (max-width: 400px) {
.featured-property img {max-height:190px;}
}
/* Register box */
#register-box-container {
box-shadow: 0px 0px 25px #BCBCBC;
padding:40px 0 350px 0;
background: url('../images/register-box-bg.jpg') center bottom no-repeat;
background-size: cover;
}
#register-box-container h2 {
color:#fff;
font-size:2.3rem;
}
#register-box-container p {
color:#fff;
font-size:1.3rem;
}
#register-box-container a.btn-primary {
background:rgba(255,255,255,0.28);
}
#register-box-container a:hover.btn-primary {
background:rgba(255,255,255,0.4);
}
#register-box-container a.btn-primary i {
color:#AFA79C;
}
/* Service icons */
.service-icons-container {
text-align:center;
padding:20px 0 20px 0;
margin:0 0 50px 0;
}
.service-icon {
height:140px;
}
.service-icons-container i {
font-size:7rem;
line-height:10rem;
}
.service-icons-container i.bi-columns, .service-icons-container i.bi-pie-chart, .service-icons-container i.bi-door-open {
font-size:6rem;
line-height:10rem;
}
.service-icons-container p {
color:#fff;
font-size:1.1rem;
}
/* Contact box */
#contact-box {
box-shadow: 0px 0px 45px #E1E1E1;
}
#contact-box #map {
height:340px;
}
.myDivIcon {
text-align: center; /* Horizontally center the text (icon) */
line-height: 20px; /* Vertically center the text (icon) */
}
#contact-box p {
font-size:0.95rem;
}
#contact-box p a {
text-decoration:none;
color:#333;
}
#contact-box p a:hover {
color:#666;
}
/*------------- Search results -----------------*/
#search-bar form {
font-size:0.9rem;
}
#search-options h1 {
font-size:1.2rem;
}
#search-results-view {
border-bottom:0;
}
#search-results-view a {
border:none;
}
#search-results-view a.active {
border:none;
}
a#refine-button {
text-decoration:none;
display:inline-block;
cursor:pointer;
display:none;
}
.search-result {
box-shadow: 0px 1px 2px #DADADA;
background:#fff;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.search-result-image {
position:relative;
}
.image-overlay {
position:absolute;
z-index:10;
width:100%;
height:100%;
left:0px;
top:0px;
display:inline-block;
vertical-align:middle;
opacity:0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.image-overlay i {
margin-top:30%;
color:#fff;
}
.image-overlay:hover {
opacity:1.0;
}
.search-result a {
text-decoration:none;
}
.search-result i {
font-size:1.5rem;
}
.search-result-image {
width:100%;
height:270px;
text-align:center;
position:relative;
}
.status-label {
position:absolute;
z-index:1000;
font-size:0.9rem;
top:0px;
right:0px;
display:block;
padding:5px 15px;
background:#C00;
color:#fff;
}
.search-result-details {
font-size:0.9rem;
margin-bottom:5px;
color:#333;
text-decoration:none;
}
.search-result-price {
font-size:1.1rem;
font-weight:500;
color:#333;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
}
.price-qualifier {
font-size:90%;
}
/* Pagination */
.page-item .page-link {
}
.page-item.active .page-link {
}
/* Map results */
#search-results #map {
height:685px;
box-shadow: 0px 1px 2px #DADADA;
background: url('../images/preloader.gif') center no-repeat;
}
/* Leaflet map */
.leaflet-popup-tip {
background: #FFF;
padding-top:0;
}
#search-results #map .leaflet-popup-content-wrapper {
background: #FFF;
color: #ffffff;
padding:5px 0 0px 0;
height:130px;
width:350px;
margin-bottom:0;
position:relative;
}
.popup-photo {
width:180px;
position:absolute;
top:10px;
left:10px;
}
.popup-details {
width:150px;
position:absolute;
top:10px;
left:180px;
font-family: Arial, Helvetica, sans-serif;
}
.popup-type {
color:#333;
font-weight:600;
padding:4px 0 4px 0;
font-size:1em;
border-bottom:2px dotted #E4E4E4;
}
.popup-address {
color:#333;
font-weight:500;
padding:4px 0 4px 0;
font-size:1em;
border-bottom:2px dotted #E4E4E4;
}
.popup-price {
color:#333;
font-weight:600;
padding:3px 0 3px 0;
font-size:1.2em;
}
.popup-button a.btn {
position:absolute;
bottom:0px;
right:0px;
color:#fff;
padding:8px 10px;
font-size:0.8em;
}
.popup-price-qualifier {
font-size:0.8em;
}
a.openpopuplink {
text-decoration:none;
}
.map-list-type {
font-size:0.8rem;
color:#333;
}
.map-list-price {
font-size:0.8rem;
font-weight:500;
color:#333;
}
/* End of leaflet map results */
/*-------------- End of search results ----------------*/
/* Particulars */
#particulars-container {
padding-top:160px;
}
.particulars-type {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
color:#333;
margin-bottom:6px;
}
.particulars-address {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#666;
margin-bottom:10px;
}
.particulars-price {
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:2em;
}
#slideshow .sp-thumbnails-container {
float:left;
}
#particulars-top-right {
height:100%;
}
#particulars-top-right h1 {
/*font-weight:700;*/
font-size:1.2rem;
font-weight:500;
}
#particulars-top-right p {
font-size:0.85rem;
color:#fff;
}
#particulars-address {
/*font-weight:500;*/
font-size:1.1rem;
}
#particulars-price {
font-weight:700;
font-size:1.4rem;
border-bottom:2px dotted #fff;
border-top:2px dotted #fff;
}
#particulars-features {
font-size:1.1rem;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:300;
}
ul#particulars-features {
list-style-type:none;
margin:0;
padding:90px 0 0 0;
background: url('../images/features-bg.png') top left no-repeat;
}
ul#particulars-features li {
margin-bottom:22px;
}
#description h2 {
font-size:1.3rem;
margin-bottom:15px;
}
#description h3 {
font-size:1.1rem;
}
#maptab #map {
height:620px;
}
#particulars-contact-box {
box-shadow: 0px 1px 2px #DADADA;
}
#particulars-contact-box h4 {
}
#particulars-contact-box a {
text-decoration:none;
}
#particulars-viewing-box {
box-shadow: 0px 1px 2px #DADADA;
}
#particulars-viewing-box h5 {
}
#share-icons i {
font-size:20px;
}
i.fa-facebook {
color:#45619D;
}
i.fa-twitter {
color:#1CA1F3;
}
i.fa-instagram {
color:#CC3366;
}
i.fa-linkedin-in {
color:#0077B7;
}
/*------- Valuation page --------*/
#valuation-form i {
font-size:55px;
}
/*------- Register page ----------*/
#register-form i {
font-size:55px;
}
#buying-requirements {
}
#renting-requirements {
display:none;
}
/*------- Services pages -----------*/
.services-list li {
font-weight:300;
margin-bottom:15px;
}
/*----- Contact page ------*/
.contact-container {
font-weight:300;
}
.contact-container #map {
height:350px;
}
.contact-container a {
text-decoration:none;
color:#333;
font-weight:400;
}
/*------ Footer ----------*/
#footer-menu {
color:#fff;
font-size:0.8rem;
}
#footer-menu a {
color:#fff;
text-decoration:none;
}
#footer-menu a:hover {
color:#ccc;
}
#powered a {
text-decoration:underline;
}
/* Affiliates bar */
#affiliates-container img {
margin:10px 17px;
height:35px;
}
@media (max-width: 1399px) {
#logo {
height:35px;
}
.navbar-nav .nav-link {
padding:12px 12px !important;
}
.navbar, .dropdown-menu > li > a {
font-size:0.8rem;
}
.carousel-boxes-container {
margin-top:-70px;
position:relative;
z-index:1000000000;
}
#home-text-box h1 {
font-size:1.7rem;
}
.search-result-image {
height:220px;
}
#particulars-top-right h1 {
font-size:1.2rem;
}
#particulars-address {
font-size:1.1rem;
}
ul#particulars-features {
padding:40px 0 0 0;
}
ul#particulars-features li {
font-size:1rem;
margin-bottom:20px;
}
}
@media (max-width: 1199px) {
#logo, #header-particulars img#logo {
height:30px;
top:0px;
left:0px;
}
.shrink img#logo, #header-particulars .shrink img#logo {
height:30px;
left:0px;
}
.navbar {
font-size:0.8rem;
}
.navbar-nav .nav-link {
padding:12px 7px !important;
}
.navbar, .dropdown-menu > li > a {
font-size:0.7rem;
}
#page-image-heading {
top:60%;
}
#page-image-heading h1 {
font-size:3em;
}
#home-text-box h1 {
font-size:1.55rem;
}
.search-result-image {
height:180px;
}
ul#particulars-features li {
font-size:0.9em;
margin-bottom:12px;
}
}
@media (max-width: 991px) {
#logo, .shrink img#logo {
height:25px;
top:13px;
left:15px;
}
#header-particulars img#logo, #header-particulars .shrink img#logo {
height:25px;
top:13px;
left:15px;
}
#header {
background:#fff;
}
.navbar, .shrink .navbar, #header-results .navbar, #header-results .shrink .navbar, #header-particulars .navbar, #header-particulars .shrink .navbar {
padding:0 0;
margin:0 0 0 0;
}
.navbar .container {
padding:0;
}
.navbar-nav .nav-link {
padding:8px 15px !important;
margin:0 0 0 0;
font-size:1.1em;
}
.navbar-nav a:hover {
border-bottom:none;
margin-bottom:0 0 0 0;
}
.navbar-nav a.active {
border-bottom:none;
margin-bottom:0;
}
.navbar-nav a.highlight {
margin-left:0;
}
.navbar-nav ul {
margin:0;
padding:0;
}
#sort-label {
display:none;
}
.carousel-boxes-container {
margin-top:0px;
}
.search-result-image {
height:220px;
}
/* Map results */
#search-results #map {
height:400px;
}
#search-results #map .leaflet-popup-content-wrapper {
height:100px;
width:300px;
}
.popup-photo {
width:100px;
}
.popup-photo img {
width:100px;
height:75px;
}
.popup-details {
width:170px;
left:120px;
}
#particulars-container {
padding-top:90px;
}
#particulars-top-right h1 {
font-size:1.2rem;
}
#particulars-address {
font-size:1.2rem;
}
.particulars-type {
font-size:1.3em;
}
.particulars-address {
font-size:0.9em;
}
.particulars-price {
font-size:1.4em;
}
ul#particulars-features {
padding-top:80px;
}
ul#particulars-features li {
font-size:1rem;
}
#page-image-heading {
top:60%;
}
#page-image-heading h1 {
font-size:2.6em;
}
}
@media (max-width: 767px) {
/* Header/menu */
#page-image-heading {
top:55%;
}
#page-image-heading h1 {
font-size:2em;
}
/* Home page */
.cycle-slideshow div {
padding-top:50px;
}
.carousel-inner {
padding-top:50px;
}
#home-text-box h1 {
font-size:1.6rem;
line-height:1.6rem;
}
#register-box-container h2 {
font-size:1.6rem;
}
#register-box-container p {
font-size:1.1rem;
}
/* Search results */
#refine {
display:none;
}
a#refine-button {
display:block;
}
.search-result-image {
height:160px;
}
/* Particulars */
#epc img {
width:100%;
height:auto;
}
.particulars-type {
font-size:1.2em;
}
.particulars-address {
font-size:0.8em;
}
.particulars-price {
font-size:1.5em;
}
}
@media (max-width: 575px) {
.search-result-image {
height:350px;
}
}
@media (max-width: 500px) {
.search-result-image {
height:270px;
}
}
@media (max-width: 400px) {
.search-result-image {
height:230px;
}
}