body, html {
    overflow-x: hidden;
    font-family: "filson-pro", sans-serif;
}

/* Headings  */
h1,h2,h3,h4,h5,h6 {
    font-family: "filson-pro", sans-serif;
    font-weight:600;
}
h4 {
    font-weight:400;
}
.media-item {margin-bottom: 1.6rem;}
.media-item .image {
    position: relative;
    min-height:300px;
    width:100%;
    margin-bottom:1rem;
    border-radius:20px;
    background-position:center;
    background-size:cover;
}
.media-item .image .prop-stat {
    position:absolute;
    top:0;
    right:0;
    z-index: 9999;
    /* background-color: #317238;  */
    background-color:#00abe3;
    color: white;
    padding: 5px 10px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.media-item .image .prop-stat.Sold, .media-item .image .prop-stat.Under.Offer {
    background-color:#e53e3e;
}
 .media-item .image .prop-stat.Let {
    background-color:#e53e3e;
 }
 .media-item .image .prop-stat.To.Let {
    background-color:#00abe3;
 }
.sub-header {
    background-color:#e6e6e6;
}
.media-item .image img{position: relative;}
.media-item .image h3 {position: absolute; 
    /* background-color: #0d4901;  */
    background-color:#00abe3;
    color: #ffffff; bottom: -8px; padding: 0.8rem;}
.media-item-body {padding: 1rem; background-color: #ededed;}
.media-item-body .button {margin-bottom: 0px !important;}

.sidebar .light-blue {border: 0px;}
.sidebar .light-blue p {color: #ffffff !important;}
.sidebar .light-blue a {color: #ffffff !important;}

.footer-bottom-links {display: block !important;}
.footer-bottom {padding: 0.8rem !important;}


/* Green #317238
Dark Green #275b2c
Blue #1E5182 */

/* .welcome {background-color: #1E5182;} */

.contact-details a {
    color:#00abe3 !important;
}
.menu .active > a {
    font-weight:normal !important;
    color:#00abe3 !important;
}
.contact-bar .menu {
    margin-top:0.6rem;
    margin-bottom:0.6rem;
}
.contact-bar .cell > .menu > li > a{
    padding:0rem 0.7rem;
    border-right:1px solid white;
}
.contact-bar .menu .is-dropdown-submenu {
    border-width:0px;
    border-radius:10px;
}
.contact-bar .contact-details {
    margin-top: 0.4rem;
}
.contact-bar {
    padding:8px 0;
}
.hero-section {
    min-height:700px;
} 

.contact-bar {
    /* background-color: #317238; */
    background-color: #031130;
}
/* .contact-details a {
    color: #fff !important;
} */
/* .menu .active > a {
    font-weight: normal !important;
    color: #fff !important;
} */
/* .leaflet-container a {
    color:#317238;
} */
/* .footer {
    background-color: #317238;
} */
/* .footer-bottom {
    background-color:#275b2c;
} */

.is-dropdown-submenu-parent>a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
    position: absolute;
    top: 50%;
}

.hero-section h2 {
    font-weight: normal;
    font-size: 1.9rem;
    color: #031130;
    margin-bottom: 0;
    line-height: 2.2rem;
    margin-top: 2rem;
}

.home-search .callout {
    border-radius:20px;
    /* background-color:#317238; */
    background-color:#00abe3;
    border-width:0px;
    margin-top:-8rem;
    padding:2rem 4rem;
}
.home-search .callout .button {
    width:100%;
    border-color:#fff;
    color:#fff;
    padding: 0.6rem 1rem;
}


.top-details {
    /* background-color:#317238; */
    background-color:#00abe3;
} 
.top-details h1 {
    color:white;
    margin-top:3rem;
    line-height:2.3rem;
    font-size:2.2rem;
}
.top-details h3 {
    font-weight:normal;
    color:white;
    font-size:1.7rem;
    margin-top:2rem;
}
.top-details .people {
    margin-top: 2rem;
}
.top-details .people p {
    border-left:2px solid white;
    margin-bottom:1rem;
    padding-left:1rem;
    line-height: 1.4rem;
    color:#fff !important;
}

.top-details .people p a {
    color:#af248d !important; /*823o6e*/
    font-weight: bold;
}
.top-details .button {
    border-color:white;
    color:white;
    margin-top: 1.8rem;
}
.footer-legal {
    padding-top:2rem;
}
.footer-legal h1, .footer-legal h2, .footer-legal h3, .footer-legal h4, .footer-legal h5, .footer-legal h6 {
    color: #00abe3;
}


.alignwide {
    margin-left  : -80px;
    margin-right : -80px;
}
.alignfull {
    margin-left: calc( -100vw / 2 + 100% / 2 ) !important;
    margin-right: calc( -100vw / 2 + 100% / 2 ) !important;
    width: 100vw !important;
}
.media-item img {
    border-radius:20px;
    margin-bottom:1rem;
}
.media-item h3 {
    font-size:1.2rem;
}
.media-item .media-item-body {
    background-color: white;
    /* border-left:2px solid #317238; */
    border-left:2px solid #00abe3;
    padding: 0.5rem 1rem;
}
.button, .wp-block-button__link {
    /* border: 2px solid #317238;
    color: #317238; */
    border:2px solid #00abe3;
    color: #00abe3;
}
.button:focus, .button:hover {
    /* background-color:#275b2c; */
    background-color:#00abe3;
}
.welcome .button {
    border: 2px solid #fff;
    color: #fff;
}
.welcome .button:hover {
    background:transparent !important;
    opacity:0.9;
}
.map-search .text-center {
    /* background-color:#317238; */
    background-color:#00abe3;
}

.property-sidebar h3 {
    text-align:center;
    color:#fff;
    /* background-color:#317238; */
    background-color: #00abe3;
    padding:0.5rem 0;
    margin-bottom:0;
}
.property-sidebar .callout {
    background-color:#E6E6E6; 
    border-width:0px;
    margin-bottom:0;
    padding:2rem;
}

.button.second {
    border-color:#031130 !important;
    color:#031130 !important;
}

.namePlate {
    
    border-left:2px solid #00abe3 !important;
    /* border-left:2px solid #317238 !important; */
    padding-left:1rem;
    margin-top:0.8rem;
    margin-bottom:2rem;
}
.namePlate h3 {
    font-size:1.1rem;
    color:#031130;
}
.namePlate h5 {
    font-size:0.8rem;
    color:#000;
}
.namePlate .button {
    margin-bottom:0rem;
}
.StaffProfile img {
    border-radius:20px;
}

.is-dropdown-submenu {
    background-color:#00abe3;
    /* background-color:#275b2c; */
}

.leaflet-popup-content {
    text-align: center;
    margin: 16px;
}
.leaflet-popup-content p {
    font-family: 'Lexend', sans-serif;
    margin:0;
}
.leaflet-popup-content .button {
    margin-bottom:0;
    padding: 0.3em 1em;
    margin-top:0.3rem;
}
.leaflet-popup-content img {
    border-radius:10px;
    margin-bottom:0.3rem;
}

.property-sidebar form h3:first-child {
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}
.property-sidebar form .callout:last-child {
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    margin-bottom:2rem;
}
.case-studies h2 {
    margin-bottom:2rem;
    color:#6D6E71;
}
.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    /* border-bottom: 15px solid #317238; */
    border-bottom: 15px solid #00abe3;
    
}
.welcome .arrow-up {
    border-bottom: 15px solid #fff;
}
.map-search .arrow-up {
    border-bottom: 15px solid #fff;
}
/* .page-content h1 {
    color: #317238;
} */


.callout.icon-box {
    background-color:#E6E6E6;
    border-radius:20px;
    border-width:0px;
}
.callout.icon-box i {
    background: #317238;
    background: #00abe3;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 2rem;
    width: 54px;
    height: 54px;
}
.callout.icon-box p {
    color:black;
    font-weight:bold;
    margin-bottom:0px;
}
.callout.icon-box > .grid-x .cell:first-child {
    border-right:1px solid grey;
}
.callout.icon-box > .grid-x .cell:last-child {
    border-left:1px solid grey;
}
.media-item .icon-box {
    background-color:white;
    padding:0;
    margin-top:10px;
}
.media-item .icon-box i {
    margin-top:0px;
}
.media-item .icon-box p {
    font-size: 0.8rem;
}

.button-group.stacked a {
    margin-bottom:7px;
}

@media screen and (max-width: 660px) {
    .home-search .callout {
        margin-top:2rem !important;
    }
    .hero-section h2 {
        margin-top: 1rem;
        margin-bottom: 1rem !important;
        background: rgba(255, 255, 255, 0.43);
        padding: 1rem;
        font-size: 1.4rem !important;
        line-height: 1.6rem !important;
        border-radius: 20px;
    }
    .home-search .callout {
        padding:2rem;
    }
    .contact-bar.sub-bar {
        background-color:#031130;
    }
    .footer ul {
        margin-top:1rem;
        margin-left:0rem !important;
        margin-bottom:1rem;
    }
    .media-item h3 {
        font-size:1rem;
    }
    .top-details .people p a {
        word-break: break-all;
    }
    .property-sidebar [type=checkbox] {
        margin:0;
    }
    .property-sidebar label {
        vertical-align: middle;
        margin-left: 0.5rem;
        margin-right: 1rem;
        margin-bottom: 0;
        margin-top: -5px;
        display: inline-block;
        line-height:1;
    }
    .property-sidebar .callout {
        padding:1rem;
    }
    .property-sidebar hr {
        margin: 0.5rem auto;
    }

    .property-sidebar form h3:first-child {
        border-top-left-radius:10px;
        border-top-right-radius:10px;
    }
    .property-sidebar form .callout:last-child {
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
        margin-bottom:2rem;
    }
    .page-wrapper {
        padding:2rem 0;
    }
}