/*
Theme Name: kadence Child
Description: Custom CSS for update-safe modifications
Author: Jon Castle
Template: kadence
Version: 1.0
*/

:root {
    --pb-toolbar-bg: #f5f7f2;
    --pb-toolbar-bg-soft: #fafbf8;
    --pb-toolbar-border: #dfe5d8;
    --pb-button-bg: #ffffff;
    --pb-button-hover: #eef4e8;
    --pb-text: #26352a;

    --pb-interesting: #eee8dc;
    --pb-possibility: #e4ebe4;
    --pb-favourite: #eee3e3;
    --pb-archive: #eeeeee;
    --pb-hidden: #e5e7eb;
    --pb-tag: #7a68a6;
    --pb-map: #4f7f7a;
    --pb-event: #b07a4f;
}

.pbs-property {
    display: inline-block;
    width: auto;
    background-color: #f5f5f5;
    text-align: left;
    text-align-last: left;
}



.pbs-property h4 {
    font-size: medium;
    font-weight: bold;
}

.pbs-property h5 {
    font-size: medium;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 0.95em
}

.section-points {
    background-color: #e5e5e5;
    border-radius: 12px;
    padding: 1.0rem;
}

.section-points ul {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (max-width: 650px) {
    .section-points ul {
        grid-template-columns: 1fr;
    }
}

.section-points li {
    margin: 0;
    display: inline-block;
}

.section-points a {
    display: block;
    padding: .4rem .65rem;
    margin: 0px 2px 2px 0px;
    border-radius: .4rem;
    background: rgba(255,255,255,.45);
    text-decoration: none;
}

.section-points a:hover {
    background: rgba(255,255,255,.8);
    text-decoration: underline;
}

.property-card {
    display: inline-block;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    padding: 0.75rem;
    border: 1px solid #dfe5d7;
    border-radius: 12px;
    background: #e1e0c6;
}
.property-card h3 {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    font-size: inherit;
    white-space: nowrap !important;
}
.property-image {
    float: left;
    max-height: 200px;
    padding: 0px 5px 5px 0px;
    margin: 0px 5px 5px 0px;
}

.agent-icon {
    float: right;
    }

@media only screen and (max-width: 850px) and (orientation: portrait) {
    .agent-icon {
        width: 80px;
        max-width: 80px;
    }
}

.AgentName {
    white-space: nowrap;

}


.BookMenu {
    white-space: nowrap;
    list-style: none;
}

.BookMenu li {
    display: inline-block;
}

.BookmarkStatusLine {
    display: inline-block;
}

.HommMenuBarContainer {
	background-color: #22272d;

}
.HommMenuBar {
    background-color: var(--pb-toolbar-bg);
    border: 1px solid var(--pb-toolbar-border);
    border-radius: 12px;
    padding: 2px;
    color: var(--pb-text);
    text-align: center; 
    list-style: none;
    white-space: nowrap !important;
    overflow: hidden;
    height: 50px; 
}
.HommMenuBar ul {padding: 0px; margin: 0px; width: 100%; display: inline-block;}
.HommMenuBar li {list-style: none; display: inline-block; padding: 2px;}
.HommMenuBar img {background-color: white;}
.HommMenuBar a:link  {}
.HommMenuBar a:visited  {}
.HommMenuBar a:current  {}
.HommMenuBar img:hover {
    background-color: #eba4df;
} 
.PointsList {line-height: 1;}
.PointsList h2 {margin: 0px; padding: 0px;}
.PointsList ul {margin: 0px; padding: 0px;     margin-block-start: 0em;
    margin-block-end: 0em; }
.PointsList li {display: inline-block; padding: 10px;}

.property-summary {list-style: none; display: inline;}
.property-address {margin: 0px; padding: 0px; display: inline;}
title {display: inline-block;}

.Postcode a:link { font-size: 12px; background-color: white; color: black; }
.Postcode a:visited { color: black;}
.Postcode a:current { color: black;}
.Postcode a:hover {color: black;}

.HomuEmail {	border-top-width: medium;
	border-top-color: #8B8B8B;
	border-right-color: #8B8B8B;
	border-bottom-color: #8B8B8B;
	border-left-color: #8B8B8B;}
.HomuFeed {	border-top-width: medium;
	border-top-style: groove;
	border-top-color: #a3a3a7;
}

 .HomuReview {  background-color: var(--pb-possibility); }
.HomuHide {opacity: 0.8; background-color: var(--pb-hidden); }
.HomuArchive {  background-color: var(--pb-archive); }
.HomuPossible {  background-color: var(--pb-possibility); }
.HomuInteresting { background-color: var(--pb-interesting); }
.HomuFavourites { background-color: var(--pb-favourite); }


.HorizontalMenu li {
    background-color: #1a972b;
}
#HorizontalMenuHi {
	background-color: #ef9b00;
}

.HommMenu {
	background-color: black; 
}

.ScreenshotRecord {
    background-color: #192e3b;
}

.CategoryList h3 {
    background-color: #0a171e;
 
}

.property-results {
    margin-top: 1rem;
}

.property-results-header {
    margin-bottom: 1.25rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #ddd;
}

.property-results h2 {
    font-size: .9rem;
    font-weight: bold;
    color: #363636;
    margin: 0 0 .5rem;
}

.property-results-header p {
    margin: 0;
}

.property-list {
    display: grid;
    gap: 1.25rem;
}

.property-card {
    display: flow-root;
}

@media (max-width: 600px) {

    .property-list {
        gap: 1rem;
    }

    .property-card {
        display: flow-root;
        padding: 1rem;
        border: 1px solid #ddd;
        border-radius: 8px;
        background: #fff;
    }

    .property-image {
        max-width: 100%;
        height: auto;
    }

    .property-summary {
        clear: both;
        margin-top: .75rem;
    }
}

.PointPanel {
    background-color: #f3f2e1;
    display: inline-block;
    padding: 10px;
 border-radius: 10px; 
 margin: 10px 0px;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.category-grid section {
    padding: 1.25rem;
    border: 1px solid #dfe5d7;
    border-radius: 12px;
    background: #d9e6cb;
    border-top: 4px solid #9fb88b;}

.category-grid ul {
    padding: 0px;
    margin: 0px;

}

@media (max-width: 650px) {
    .category-grid {
        grid-template-columns: 1fr;
    }
     .category-grid section {
        padding: 1rem;
    }
   .category-grid h2 {
        font-size: 1.6rem;
    }       
}


.category-grid li {
    list-style: none;
    display: inline-block;
    padding: 4px;
}
.category-grid p {
    padding: 0px;
    margin: 0px;
}
.category-grid a:link {    text-decoration: none;}
.category-grid a:visited { }
.category-grid a:current { }
.category-grid a:hover { text-decoration:underline;}

.property-card {
    display: inline-block;
}

.KeywordExplorer {
    background-color: #e1e6f36b;
    display: inline-block;
   border: 5px solid var(--pb-toolbar-border); 
   margin: 0px 0px 10px 0px; 
   width: 100%; 
   border-radius: 10px; 
}

.KeywordExplorer h2 {
    background-color: #e1e6f3;
        font-size: 18px;
    text-align: center;
    margin: 0px 0px 10px 0px;
    padding: 5px 10px;
}

.KeywordExplorer select {
    margin: 5px;
}

.KeywordExplorer input[type="submit"] {
     padding: 3px 5px;
     margin: 5px;   
}

.KeywordExplorer h3 {
    background-color: #c5c9d3;
}

.PointSectionMenu {
        list-style: none;
        background-color: #d3f5ed;
        border-radius: 10px;
        padding: 10px; 
}

.PointSectionMenu li {
        display: inline-block;
    vertical-align: middle;
    padding: 5px;
    margin: 2px;
    border: 1px solid var(--pb-toolbar-border);
    background-color: var(--pb-toolbar-bg);
        border-radius: 5px; 
}

.PointsArray {
    list-style: none;
}

/* ============================================================================== */

.PointsArray {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.25rem;
    list-style: none;
    padding: 0;
}

.PointsArray li {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.point-card-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.point-card-body {
    padding: 1rem;
}

.point-section {
    display: block;
    font-size: .8rem;
    margin-bottom: .35rem;
}

.point-card h3 {
    margin: 0 0 .45rem;
}

.point-card p {
    margin: 0;
}

/* ============================================================================== */

.PointProperty {
    border-radius: 10px;
    max-width: 300px;    
}

@media only screen and (max-width: 850px) and (orientation: portrait) {
.PointProperty {
    max-width: 200px;    
}
}

.PointsArray h3 {
    margin: 0px; 
    padding: 0px; 
    display: inline-block; 
    white-space: nowrap;
}

.PointsArray li {
    display: inline-block;
    width: 340px;
    vertical-align: top;
    margin: 10px;
    padding: 5px;
    border-radius: 10px;
    background-color: var(--pb-toolbar-bg);
    border: 1px solid var(--pb-toolbar-border);
    border-radius: 12px;
}

.front-image {
    border-radius: 5px;
    height: 200px;
}

.category-header img {
    display: inline-block; 
    vertical-align: middle; 
    margin: 0px 10px 0px 0px;
}

.ScrollContainer {
    text-align: justify;
    text-align-last: center;
}
.ScrollContainer h4 {
    text-align: center;
    width: auto;
    padding: 5px;
}

.ScrollContainer h3 {
    font-size: medium;
    font-weight: bold;
    text-align: center;
    background-color: #f5f5f5
}

.url {
    display: inline-block;
    width: 60%;
    max-width: 300px;
}

.captcha {
    width: 6em;
}
.PBForm p {
    padding: 10px 0px;
}

.PBForm {
 }

.PBForm label {
    display: inline-block;
     width: 200px;
    text-align: right;
}

.EmailTable {
	width: 100%;
}

.EmailTable ul {
	list-style: none;
	white-space: nowrap;
	vertical-align: top;
}

.EmailTable li {
	display: inline-block;
	overflow: hidden;
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #333;
	vertical-align: top;
}

.BookMenu {
    background-color: var(--pb-toolbar-bg-soft);
    border-top: 1px solid var(--pb-toolbar-border);
    padding: 4px;
}

.BookMenu img {
    margin: 2px;
}

.MenNonSel img {
 	border: 3px solid #c3cad1;
}
.MenSel img {
    border: 3px solid #0b7f3a;
    background-color: #86f3a2;
}

.BookMenu img:hover {
    background-color: #ffd35a;
}

.BookmarkMap {
	display: block;
	height: 600px;
	width: auto;	
}
.BookmarkMapDetail {
	float: right;
	width: 420px;  
	height: 600px;
	padding-right: 20px;
	text-align: center;	
}

.BookmarkStatusLine {
	bottom: 0px; 
	left: 5px;
	font-size: 80%;
}

#HeaderMessage {
    color: #7be37b;
}

.Win {
    background-color: #14222b;
}

.Breadcrumbs {
    list-style: none;
}

@media (max-width: 768px) {
    .Breadcrumbs {
        display: none;
    }
}

.Breadcrumbs li {
    display: inline-block;
    padding: 5px;
    margin: 3px;
    background-color: #fbf7ef;
}

.Breadcrumbs a:link {   color: black; text-decoration: none;}
.Breadcrumbs a:visited { color: black;}
.Breadcrumbs a:current { color: black;}
.Breadcrumbs a:hover {color: black; text-decoration:underline;}

.PointExplorer {
    background-color: #dbdbdb;
    border-radius: 12px;
    padding: 10px;
}

.PointExplorer label {
    display: inline-block;
    width: 70px;
}

.PointExplorer input[type=text] {
    display: inline-block;
    width: 60%;
}

.PointExplorer ul {
    display: inline-block;
    width: 60%;
    list-style: none;
}

.PointExplorer li {
    display: inline-block;
}

.overform {
    background-color: #4c5964;
}

.ScreenshotRecord h1 {
    background-color: #254f69;
}

.ScreenshotRecord h2 {
    background-color: #254f69;
}

.SocialIcons {
    background-color: #254f69;
}

.HommFeature {
  background-color: #000000;
}

.AlphaPaginator {
  background-color: #000000;

}

.AlphaPaginator a:link {
	background-color: #161633;
}
.AlphaPaginator a:visited {
	background-color: #161633;
}

.NewsMenu li {
    background-color: #4a738b;
}



.property-price {
    font-weight: bold;
    font-size: 125%;
    white-space: nowrap;
    display: inline-block;
}

email {
    display: inline-block;
    width: 100%;
    background-color: #f2fffa;
    color: black;
    margin: 5px;
    padding: 5px;
    border: 1px double #999;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    text-align: left;
    text-align-last: left;
}
email h3 {
    display: inline-block;
    font-size: inherit;
    white-space: nowrap;
}
email label {
    font-size: 75%;
}

emailbody {
    display: none; 
    margin: 5px;
    padding: 5px;
    background-color: white;
    color: black;
}

emailbody a:link {  background-color: white; color: black; }
emailbody a:visited { color: black;}
emailbody a:current { color: black;}
emailbody a:hover {color: black;}