@import "navmenu.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');

 a:link {
     color: #009973;
}
 a:hover {
     text-decoration: none;
}
 .boldText {
     font-weight:bold;
}


h5{
     font-family: 'Open Sans', sans-serif;
}

.footerMenu {
     font-family: 'Open Sans', sans-serif;
     color: white;
}

.footerMenu a {
     text-decoration: none;
     color: white;
}

.footerMenu a:hover
{
    text-decoration: none;
   color: #bece77;
}

#coronavirus {
    margin-top:8px;
    max-width: 194px;
    -webkit-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
}

 .panel-heading{
     background-color: #6bba70 !important;
     font-size: 22px;
     color: #FFFFFF !important;
     font-family: 'Open Sans', sans-serif;
}
 .thumbnail {
     padding: 0px 0px 15px 0px;
     border: none;
     border-radius: 0;
     max-width: 100%;
     background-color: #f7f7f7;
     position: relative;
}
 .thumbnail p {
     margin-top: 15px;
     color: #555;
}
 .hover-slide {
     position: absolute;
     margin-left: 85%;
     z-index: 100;
     margin-top: 20px;
     padding: 0;
}

 .feefo-badge__image {
     position: absolute;
     margin-left: 85%;
     z-index: 100;
     margin-top: 20px;
     padding: 0;
     max-width: 80%
}
 .btn.start-me {
    margin: 0 auto;
     padding:0;
}
/* --- PROPERTY SEARCH --- */
 .searchengine {
     width: 100%;
     color: #192b47;
     padding-bottom: 20px;
     background: #28343b;
     -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
}
 .center-block {
     width:88%;
     padding:10px;
}
 .searchInput{
     padding-bottom:5px;
}
 .searchIcon {
     background-color:#ededed;
}
 .btn-success{
     color: #ffffff;
     font-weight: 700;
     letter-spacing: 1px;
     font-size: 142%;
     width:220px;
     margin-right:24px;
     padding-bottom:5px;
}
 .advancedSearch {
     margin-right:24px;
     padding-top:10px;
     color: white 
}
/* END of Property Search */
/* --- FEATURED PROPERTIES --- */
 .propertyDiv {
     padding-left: 20px;
     padding-right: 2px 
}
 .propertyThumbnail {
     border: none !important;
     padding: 0px 0px 0px 0px !important;
     background-color: #f7f7f7 !important;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
 .propertyImage {
     height:300px !important;
     object-fit: cover !important;
}
 .propertyImage:hover {
     opacity: 0.8;
     text-align: center;
}
.magnify {
	position: absolute;
    z-index: 1001;
    top: 30%;
	left: 50%;
	color: white;
	font-size: 26px;
}
 .addresshead {
     font-size:150%;
     padding-left: 5px;
     display:inline-block;
     margin: 0;
}
 .addressPostcode {
     color:#8c8c8c;
     padding-left: 4px;
     display:inline-block;
     margin: 0 
}
 .addressprice {
     font-size: 1.6em;
     font-weight: bold;
     color:#35404f;
     padding-right: 5px;
     padding-top: 0;
     margin: 0;
     float: right;
}
 .numberCircle {
     width: 74px;
     line-height: 74px;
     border-radius: 50%;
     text-align: center;
     font-size: 26px;
     border: 1px solid #2f773f;
     position: absolute;
     z-index: 1000;
     color: white;
     background-color: rgba(30,168,60,0.8);
}
.numberCircleUO {
    width: 74px;
    height: 74px;
    border-radius: 50%;
     line-height: 72%; 
    text-align: center;
    font-size: 26px;
    border: 1px solid #cc0e17;
    position: absolute; z-index: 1000; color: white;
    background-color: rgba(234,18,29,0.8);
}
 .textCircle {
     width: 74px;
     line-height: 74px;
     text-align: center;
     font-size: 26px;
     position: relative;
     z-index: 1001;
     color: white;
}
.textCircleUO {
    top:18px;
    width: 74px;
    line-height: 72%; 
    text-align: center;
    font-size: 20px;
    position: relative; z-index: 1002; color: white;
}

/* ------------------------------------------------------------- */
/* --- HOW MUCH IS YOUR PROPERTY WORTH BAR --- */
 #propertyWorthBar{
     background: #164c3c;
     background: linear-gradient(to bottom right, #164c3c, #146d53);
     padding-top: 10px;
     padding-bottom: 10px; 
}


 #propertyWorthBar a{
     text-decoration: none;
}

 .propertyWorthText{
     color:#ffffff !important;
}

/* END of Property Worth Bar */
/* thumbnail find out more boxes */
 .btnInfo{
     border: 1px solid #333 !important;
     width:60%;
     padding-top:5px;
     padding-bottom:5px;
     margin-top:20px;
     margin-bottom:20px !important;
}
/* END of thumbnail find out more boxes */

/* ---- SOCIAL MEDIA --- */
.followUs {
position:relative; 
top: -15px;
}

 #twitter-widget-0 {
    height:340px !important;
}
 .twitter-timeline {
     max-width: 100%;
}

.socialicons {
    font-size: 290%;
    color: #0c2347;
}


/* ---- CAROUSEL --- */
 .carousel-inner img {
     width: 100%;
    /* Set width to 100% */
     max-height:600px;
}
 .carousel-inner{
     width:100%;
     max-height: 600px !important;
}
 .carousel-caption {
     color: #fff !important;
}

.carousel-caption h1 {
     text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 2px 2px 4px black;
}
.carousel-caption h3 {
     text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 2px 2px 4px black;
}

 .thumbnail img {
     width: 100%;
     height: 100%;
     margin-bottom: 5px;
}
/* More Details Button */
 .moreDetailsButton{
     color:black;
     text-decoration:none !important;
}
 .btn:hover, .btn:focus {
     border: 1px solid #333;
     background-color: #fff;
     color: #000;
}
 .caption {
     position: absolute;
     top: 0;
     left: 2%;
     width: 90%;
     background-color: #2f2f2f;
     background: rgba(0, 0, 0, 0.5);
     margin: 10px 10px 10px 10px;
     padding: 0px 0px 0px 0px;
}

/* ---- REVIEWS --- */
.review_box {
     padding: 10px 20px 10px 20px;
}
.review_star {
    color:Orange;
    font-size: 24px;
}
.review_heading {
    font-size: 20px;
}
.review_comments{
     font-family: 'Ibarra Real Nova', serif;
     line-height: 1.3;
     font-size: 18px;
}

.review_name{
    color: #8a8a8a;
}
.average_rating {
    font-size: 18px;
}

.trust_banners {
    padding: 0;
    background-color: #dde4ea;
}

.trust_banners ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.trust_banners ul li {
    padding: 1rem 0;
    display: inline-block;
    margin-inline-end: 35px;
}

.trust_banners ul li a {
    text-decoration: none;
}


.star-icon {
    color: orange;
}

.review-text {
    color: #313236;
    font-weight: 600;
}


.trust_banners ul li a:hover > .review-text{ 
    text-decoration: underline;
}






.slick-prev:before,
.slick-next:before {
  color: #545361!important;
  font-size: 40px!important;
}

/* footer styling */
 .footerHeader {
     color:#a5d1a9;
}

 .menucolumns {
    /* Set the fixed height of the footer here */
     background-color: #2f2f2f;
     color: #ffffff;
     padding-bottom: 20px;
     padding-top: 10px;
}

 @media screen and (max-width: 920px) {
     .bardrop {
         display: block;
    }
    .show-mobile {
        display: none !important;
    }

}
 @media (min-width: 600px) and (max-width: 1320px) {
     .addresshead {
         font-size: 1.1em;
    }
     .addressprice {
         font-size: 1em;
    }
     .twitter-timeline {
         max-width: 100%;
         max-height: 400px;
    }
    .twitter-head {
        font-size: 120%;
    }
    .followUs {
        display: none;
    }
    
    .socialicons {
    font-size: 240%;
    }
     .hover-slide {
     position: absolute;
     margin-left: 75%;
     z-index: 100;
     margin-top: 20px;
     padding: 0;
}
}

 @media screen and (max-width: 991px) {
        .twitter-head {
        font-size: 170%;
    }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 484px) {
    .show-mobile {
        display: none !important;
    }
      .carousel-caption h1 {
     font-size:130%;
}
      .carousel-caption h3 {
     font-size:110%;
}
}