/*
Theme Name: Genesis Sample
Theme URI: https://demo.studiopress.com/
Description: This is the sample theme created for the Genesis Framework.
Author: StudioPress
Author URI: https://www.studiopress.com/

Version: 3.4.2

Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks

Template: genesis

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: genesis-sample
Requires at least: 5.4
Requires PHP: 5.6
*/

/* Variables */
:root {
    --primary-color: #0073e5;
    --secondary-color: #333;
    --background-color: #fff;
    --text-color: #333;
    --highlight-color: #f7f7f7;
    --transition: all 0.2s ease-in-out;
}

/* Table of Contents
- HTML5 Reset
    - Baseline Normalize
    - Box Sizing
    - Float Clearing
- Defaults
    - Typographical Elements
    - Headings
    - Objects
    - Gallery
    - Forms
    - Tables
    - Screen Reader Text
- Structure and Layout
    - Site Container
    - Site Inner
- Common Classes
    - Avatar
    - Genesis
    - Search Form
    - Titles
    - WordPress
- Widgets
    - Featured Content
- Plugins
    - Genesis eNews Extended
    - Genesis Simple FAQ
    - WPForms
- Skip Links
- Site Header
    - Title Area
- Site Navigation
    - Responsive Menu
    - Header Menu
    - Footer Menu
- Content Area
    - Entry Content
    - Entry Meta
    - Pagination
    - Entry Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
    - Min-width: 960px
        - Site Header
        - Genesis Menu
        - Responsive Menu
        - Header Menu
        - Site Inner
        - Content
        - Sidebar
        - Author Box
        - After Entry
        - Column Classes
        - Entry Misc.
        - Footer Widgets
- Print Styles
*/

/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
    -webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}
[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
/* stylelint-enable */

/* Box Sizing
--------------------------------------------- */

html {
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

/* Float Clearing
--------------------------------------------- */

.clearfix::before, .clearfix::after,
.entry::before, .entry::after,
.entry-content::before, .entry-content::after,
.widget::before, .widget::after,
.site-container::before, .site-container::after,
.site-footer::before, .site-footer::after,
.site-header::before, .site-header::after,
.site-inner::before, .site-inner::after,
.nav-primary::before, .nav-primary::after,
.nav-secondary::before, .nav-secondary::after,
.pagination::before, .pagination::after,
.author-box::before, .author-box::after,
.footer-widgets::before, .footer-widgets::after,
.wrap::before, .wrap::after {
    content: " ";
    display: table;
    clear: both;
}

/* Defaults
---------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.625;
    margin: 0;
    overflow-x: hidden;
}

button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img {
    transition: var(--transition);
}

a {
    color: var(--primary-color);
    text-decoration: underline;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:focus, a:hover {
    color: var(--secondary-color);
    text-decoration: none;
}

p {
    margin: 0 0 28px;
    padding: 0;
}

ol, ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

hr {
    border: 0;
    border-bottom: 1px solid currentColor;
    clear: both;
    color: #eee;
    margin: 1.65em auto;
}

b, strong {
    font-weight: 700;
}

blockquote, cite, em, i {
    font-style: italic;
}

mark {
    background: #ddd;
    color: #333;
}

blockquote {
    margin: 30px;
}

/* Headings
--------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 20px;
}

h1 { font-size: 30px; }
h2 { font-size: 27px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.entry-content h3, .entry-content h4 {
    font-weight: 600;
}

.entry-content h4 {
    margin-top: 40px;
}

/* Objects
--------------------------------------------- */

embed, iframe, img, object, video, .wp-caption {
    max-width: 100%;
}

img {
    height: auto;
    vertical-align: top;
}

figure {
    margin: 0;
}

/* Gallery
--------------------------------------------- */

.gallery {
    overflow: hidden;
}

.gallery img {
    border: 1px solid #eee;
    height: auto

;
    padding: 4px;
}

.gallery img:focus, .gallery img:hover {
    border: 1px solid #999;
    outline: none;
}

.gallery-item {
    float: left;
    margin: 0 0 30px;
    text-align: center;
}

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.6666%; }
.gallery-columns-7 .gallery-item { width: 14.2857%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.1111%; }

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left;
}

/* Forms
--------------------------------------------- */

input, select, textarea {
    background-color: var(--background-color);
    border: 1px solid #ddd;
    color: var(--text-color);
    font-size: 18px;
    font-weight: 400;
    padding: 15px;
    width: 100%;
}

input:focus, textarea:focus {
    border: 1px solid #999;
    outline: none;
}

input[type="checkbox"], input[type="image"], input[type="radio"] {
    width: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button {
    background-color: var(--secondary-color);
    border: 0;
    border-radius: 5px;
    color: var(--background-color);
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    width: auto;
}

button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .button:focus, .button:hover {
    background-color: var(--primary-color);
    color: var(--background-color);
}

.entry-content .button:focus, .entry-content .button:hover {
    color: var(--background-color);
}

.site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover {
    background-color: #eee;
    border-width: 0;
    color: #777;
    cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button {
    display: none;
}

/* Tables
--------------------------------------------- */

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 40px;
    width: 100%;
    word-break: break-all;
}

tbody {
    border-bottom: 1px solid #eee;
}

td, th {
    line-height: 2;
    text-align: left;
    vertical-align: top;
}

td { padding: 0.5em; }
tr { border-top: 1px solid #eee; }
th { font-weight: 600; padding: 0.5em; }

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut, .screen-reader-text, .screen-reader-text span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus {
    background: #fff;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #333;
    display: block;
    font-size: 1em;
    font-weight: 700;
    height: auto;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
}

/* Structure and Layout
---------------------------------------------------------------------------- */

/* Site Container
--------------------------------------------- */

.site-container {
    animation: fadein 1s;
    word-wrap: break-word;
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Site Inner
--------------------------------------------- */

.site-inner {
    clear: both;
    margin: 0 auto;
    padding: 60px 30px 0;
}

/* Common Classes
---------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
    border-radius: 50%;
    float: left;
}

.author-box .avatar, .alignleft .avatar {
    margin-right: 20px;
}

.alignright .avatar {
    margin-left: 20px;
}

.comment .avatar {
    margin: 0 15px 20px 0;
}

/* Genesis
--------------------------------------------- */

.after-entry, .archive-description, .author-box {
    margin-bottom: 40px;
}

.after-entry {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    padding: 20px 30px;
}

.after-entry .widget:last-of-type {
    margin-bottom: 0;
}

.breadcrumb {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    margin-bottom: 40px;
    padding-bottom: 10px;
}

.genesis-title-hidden .breadcrumb {
    margin-top: 40px;
}

.archive-description p:last-child, .author-box p:last-child {
    margin-bottom: 0;
}

/* Search Form
--------------------------------------------- */

.search-form {
    overflow: hidden;
}

.entry-content .search-form {
    margin-bottom: 40px;
    width: 50%;
}

.post-password-form input[type="submit"], .search-form input[type="submit"] {
    margin-top: 10px;
}

.widget_search input[type="submit"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Titles
--------------------------------------------- */

.archive-description .entry-title, .archive-title, .author-box-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.entry-title {
    font-size: 30px;
    margin-bottom: 8px;
}

.entry-title a, .sidebar .widget-title a {
    color: var(--secondary-color);
    text-decoration: none;
}

.entry-title a:focus, .entry-title a:hover {
    color: var(--primary-color);
}

.widget-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;  /* Changed from 20px to 10 for LONDON DEVELOPMENT SITES */
}

.genesis-title-hidden .site-inner {
    padding-top: 0;
}

/* WordPress
--------------------------------------------- */

a.aligncenter img {
    display: block;
    margin: 0 auto;
}

a.alignnone {
    display: inline-block;
}

.alignleft {
    float: left;
    text-align: left;
}

.alignright {
    float: right;
    text-align: right;
}

a.alignleft, a.alignnone, a.alignright {
    max-width: 100%;
}

img.centered, .aligncenter, .singular-image {
    display: block;
    margin: 0 auto 30px;
}

img.alignnone, .alignnone {
    margin-bottom: 15px;
}

a.alignleft, img.alignleft, .wp-caption.alignleft {
    margin: 0 20px 20px 0;
}

a.alignright, img.alignright, .wp-caption.alignright {
    margin: 0 0 20px 20px;
}

figcaption, .gallery-caption, .wp-caption-text {
    font-size: 14px;
    font-weight: 600;
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.entry-content p.wp-caption-text {
    margin-bottom: 0;
}

.entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video {
    margin: 0 0 30px;
}

/*

 Widgets
---------------------------------------------------------------------------- */

.widget {
    margin-bottom: 40px;
}

.widget p:last-child, .widget ul > li:last-of-type {
    margin-bottom: 0;
}

.widget ul > li {
    margin-bottom: 10px;
}

.widget ul > li:last-of-type {
    padding-bottom: 0;
}

.widget ol > li {
    list-style-position: inside;
    list-style-type: decimal;
    padding-left: 20px;
    text-indent: -20px;
}

.widget li li {
    border: 0;
    margin: 0 0 0 30px;
    padding: 0;
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar td, .widget_calendar th {
    text-align: center;
}

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.featured-content .entry:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.featured-content .entry-title {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 10px;
}

/* Plugins
---------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.after-entry .enews {
    text-align: center;
    padding: 10px;
}

.sidebar .enews {
    background-color: #f5f5f5;
    padding: 30px;
}

.enews-widget input {
    font-size: 16px;
    margin-bottom: 10px;
}

.after-entry .enews-widget input {
    text-align: center;
}

.enews-widget input[type="submit"] {
    margin: 0;
    width: 100%;
}

.enews form + p {
    margin-top: 20px;
}

/* Genesis Simple FAQ
--------------------------------------------- */

.gs-faq__question {
    background: transparent;
    border-bottom: 1px solid #eee;
    color: var(--text-color);
    padding-left: 0;
    padding-right: 0;
}

.gs-faq__question:focus, .gs-faq__question:hover {
    background: transparent;
    color: var(--primary-color);
}

.gs-faq__question::after {
    content: "\f132";
    font-family: dashicons;
    float: right;
}

.gs-faq__question.gs-faq--expanded::after {
    content: "\f460";
}

/* WPForms
--------------------------------------------- */

.entry-content .wpforms-container {
    margin-bottom: 40px;
}

.entry-content .wpforms-form .wpforms-field {
    clear: both;
    margin: 20px 0;
    overflow: hidden;
}

.site-container .wpforms-container .wpforms-form .wpforms-field input {
    border-radius: 0;
    height: auto;
    padding: 15px;
}

.site-container .entry-content .wpforms-form .wpforms-field-label {
    font-weight: 600;
}

.site-container .entry-content .wpforms-form .wpforms-field-sublabel {
    font-size: 14px;
    font-weight: 300;
}

.entry-content .wpforms-form .wpforms-field-hp {
    display: none !important;
    left: -9000px !important;
    position: absolute !important;
}

.site-container .entry-content .wpforms-form textarea {
    padding: 15px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-small {
    height: 120px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-medium {
    height: 200px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-large {
    height: 300px;
}

/* Skip Links
---------------------------------------------------------------------------- */

.genesis-skip-link {
    margin: 0;
}

.genesis-skip-link .skip-link-hidden {
    display: none;
    visibility: hidden;
}

.genesis-skip-link li {
    height: 0;
    list-style: none;
    width: 0;
}

/* Display outline on focus */
:focus {
    color: var(--text-color);
    outline: #ccc solid 1px;
}

/* Site Header
---------------------------------------------------------------------------- */

.site-header {
    background-color: var(--background-color);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    padding: 0 30px;
}

/* Title Area
--------------------------------------------- */

.title-area {
    float: left;
    padding: 25px 0;
}

.wp-custom-logo .title-area {
    max-width: 350px;
    padding: 8px 0 2px !important;
    width: 100%;
}

.wp-custom-logo .custom-logo-link {
    display: block;
}

.wp-custom-logo .title-area img {
    width: auto;
}

.site-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}

.site-title a, .site-title a:focus, .site-title a:hover {
    color: var(--text-color);
    text-decoration: none;
}

.site-description, .wp-custom-logo .site-title {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* Site Navigation
---------------------------------------------------------------------------- */

.genesis-nav-menu {
    clear: both;
    line-height: 1;
    width: 100%;
}

.genesis-nav-menu .menu-item {
    display: block;
    float: none;
    position: relative;
}

.genesis-nav-menu a {
    color: var(--text-color);
    display: block;
    font-size: 15px;
    font-weight: 400;
    outline-offset: -1px;
    padding: 12px 0;
    text-decoration: none;

}

.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a {
    width: 100%;
}

.genesis-nav-menu .sub-menu {
    clear: both;
    display: none;
    left: -9999px;
    margin: 0;
    opacity: 1;
    padding-left: 15px;
    position: static;
    z-index: 99;
}

.genesis-nav-menu .sub-menu a {
    background-color: var(--background-color);
    font-size: 14px;
    position: relative;
    word-wrap: break-word;
}

.genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover {
    position: relative;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
    display: block;
    left: auto;
    opacity: 1;
}

/* Responsive Menu
--------------------------------------------- */

.menu .menu-item:focus {
    position: static;
}

.menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu {
    left: auto;
    opacity: 1;
}

.js .nav-primary {
    display: none;
    position: relative;
}

.genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu {
    display: none;
}

.menu-toggle, .sub-menu-toggle {
    background-color: transparent;
    border-width: 0;
    color: var(--text-color);
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    visibility: visible;
}

.menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover {
    background-color: transparent;
    border-width: 0;
    color: var(--primary-color);
}

.menu-toggle {
    float: right;
    line-height: 20px;
    margin: 10px 0;
    padding: 15px 0;
    position: relative;
    z-index: 1000;
}

.menu-toggle.activated::before {
    content: "\f335";
}

.site-header .dashicons-before::before {
    transition: none;
}

.site-header .menu-toggle::before {
    float: left;
    margin-right: 5px;
    position: relative;
    text-rendering: auto;
    top: 1px;
}

.sub-menu-toggle {
    float: right;
    padding: 9px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.sub-menu .sub-menu-toggle {
    padding: 12px 10px;
}

.sub-menu-toggle::before {
    display: inline-block;
    text-rendering: auto;
    transform: rotate(0);
    transition: transform 0.25s ease-in-out;
}

.sub-menu-toggle.activated::before {
    transform: rotate(180deg);
}

/* Header Menu
--------------------------------------------- */

.nav-primary {
    clear: left;
    padding: 15px 0;
    width: 100%;
}

/* Footer Menu
--------------------------------------------- */

.nav-secondary {
    margin-top: 10px;
}

.nav-secondary .genesis-nav-menu {
    line-height: 1.5;
}

.nav-secondary .menu-item {
    display: inline-block;
}

.nav-secondary a {
    margin:

 0 10px;
    padding: 0;
}

/* Content Area
---------------------------------------------------------------------------- */

/* Entry Content
--------------------------------------------- */

.entry {
    margin-bottom: 40px;
}

.entry-content ol, .entry-content ul {
    margin-bottom: 30px;
    padding-left: 40px;
}

.entry-content ol > li {
    list-style-type: decimal;
}

.entry-content ul > li {
    list-style-type: disc;
}

.entry-content ol ul > li, .entry-content ul ul > li {
    list-style-type: circle;
}

.entry-content ol ol, .entry-content ul ul {
    margin-bottom: 0;
}

.entry-content code {
    background-color: #f5f5f5;
}

.content .sticky {
    background-color: #f5f5f5;
    padding: 30px;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
    font-size: 16px;
    margin-bottom: 0;
}

.entry-header .entry-meta {
    margin-bottom: 20px;
}

.entry-footer .entry-meta {
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.entry-categories, .entry-tags {
    display: block;
}

.entry-comments-link::before {
    content: "\2014";
    margin: 0 6px 0 2px;
}

/* Pagination
--------------------------------------------- */

.pagination {
    clear: both;
    margin: 60px 0;
}

.adjacent-entry-pagination {
    margin-bottom: 0;
}

.archive-pagination li {
    display: inline;
}

.archive-pagination li a {
    background-color: #f5f5f5;
    color: var(--text-color);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
    padding: 8px 12px;
    text-decoration: none;
}

.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a {
    background-color: var(--text-color);
    color: var(--background-color);
}

/* Entry Comments
--------------------------------------------- */

.comment-respond, .entry-comments, .entry-pings {
    margin-bottom: 40px;
}

.comment-list li {
    padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
    padding-left: 0;
}

.comment-header {
    margin-bottom: 30px;
}

.comment-content {
    clear: both;
}

.comment-content ul > li {
    list-style-type: disc;
}

.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] {
    width: 50%;
}

.comment-respond label {
    display: block;
    margin-right: 12px;
}

.comment-header p {
    margin-bottom: 0;
}

.entry-pings .reply {
    display: none;
}

.comment-form-cookies-consent label {
    display: inline;
    padding-left: 10px;
}

/* Sidebar
--------------------------------------------- */

.sidebar {
    font-size: 16px;
    line-height: 1.5;
}

.sidebar .widget {
    margin-bottom: 40px;
}

.sidebar p {
    margin-bottom: 20px;
}

/* Footer Widgets
--------------------------------------------- */

.footer-widgets {
    border-top: 1px solid #eee;
    background-color: var(--background-color);
    clear: both;
    padding: 60px 0;
}

.footer-widgets .wrap {
    margin-left: auto;
    margin-right: auto;
}

.footer-widget-area {
    margin-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.footer-widget-area:last-child, .footer-widgets .widget:last-child {
    margin-bottom: 0;
}

/* Site Footer
--------------------------------------------- */

.site-footer {
    background-color: var(--background-color);
    /*border-top: 1px solid #eee;*/
    font-size: 15px;
    line-height: 1.5;
    padding: 30px;
    text-align: center;
}

.site-footer p {
    margin-bottom: 0;
    font-weight:normal;
}

/* Media Queries
---------------------------------------------------------------------------- */

/* BP separated out header parts *****/

@media only screen and (min-width: 960px) {

    /* Site-Inner
    --------------------------------------------- */

    .site-inner {
        max-width: 1140px;
    }

    /* Content
    --------------------------------------------- */

    .content {
        float: left;
        width: 65%;
    }

    .sidebar-content .content {
        float: right;
    }

    .full-width-content .content {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    /* Sidebar
    --------------------------------------------- */

    .sidebar {
        float: right;
        width: 30%;
    }

    .sidebar-content .sidebar {
        float: left;
    }

    /* Author Box
    --------------------------------------------- */

    .author-box {
        background-color: #f5f5f5;
        padding: 30px;
    }

    /* After Entry
    --------------------------------------------- */

    .after-entry {
        padding: 40px 60px;
    }

    .after-entry .enews {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* Column Classes
    --------------------------------------------- */

    .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds {
        float: left;
        margin-left: 2.564102564102564%;
    }

    .one-half, .three-sixths, .two-fourths {
        width: 48.717948717948715%;
    }

    .one-third, .two-sixths {
        width: 31.623931623931625%;
    }

    .four-sixths, .two-thirds {
        width: 65.81196581196582%;
    }

    .one-fourth {
        width: 23.076923076923077%;
    }

    .three-fourths {
        width: 74.35897435897436%;
    }

    .one-sixth {
        width: 14.52991452991453%;
    }

    .five-sixths {
        width: 82.90598290598291%;
    }

    .first {
        clear: both;
        margin-left: 0;
    }

    /* Entry Misc.
    --------------------------------------------- */

    .after-entry, .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings {
        margin-bottom: 60px;
    }

    /* Footer Widgets
    --------------------------------------------- */

    .footer-widgets .wrap {
        max-width: 1140px;
    }

    .footer-widget-area {
        float: left;
        margin-bottom: 0;
        width: calc(100% / 3);
    }
}

/** BP moved from 960 bit above for header for more menu items ***/

@media only screen and (min-width: 1201px) {

    /* Site Header
    --------------------------------------------- */

    .site-header {
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .admin-bar .site-header {
        top: 32px;
    }

    /* Genesis Menu
    --------------------------------------------- */

    .genesis-nav-menu .menu-item {
        display: inline-block;
    }

    .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover {
        position: relative;
    }

    .genesis-nav-menu > .menu-bold > a {
        font-weight: 700;
    }

    .genesis-nav-menu > .menu-highlight > a {
        background-color: var(--text-color);
        border-radius: 3px;
        color: var(--background-color);
        font-weight: 600;
        margin-left: 15px;
        padding: 0 20px;
    }

    .genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight > a:hover {
        background-color: var(--primary-color);
    }

    .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a {
        width: 180px;
    }

    .genesis-nav-menu .sub-menu {
        border-top: 1px solid #eee;
        opacity: 0;
        padding-left: 0;
        position: absolute;
        transition: opacity 0.4s ease-in-out;
    }

    .genesis-nav-menu .sub-menu a {
        border: 1px solid #eee;
        border-top: 0;
        padding: 15px 0;
    }

    .genesis-nav-menu .sub-menu .sub-menu {
        margin: -46px 0 0 179px;
    }

    /* Responsive Menu
    --------------------------------------------- */

    .js .nav-primary {
        display: block;
        padding-top: 15px;
    }

    .menu-toggle, .sub-menu-toggle {
        display: none;
        visibility: hidden;
    }

    /* Header Menu
    --------------------------------------------- */

    .nav-primary {
        clear: none;
        float: right;
        width: auto;
    }

    .nav-primary .genesis-nav-menu a {
        padding: 0 15px;
    }
}

/* Print Styles
---------------------------------------------------------------------------- */

@media print {

    *, *::before, *::after {
        background: transparent !important;
        box-shadow

: none !important;
        color: var(--text-color) !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]::after {
        content: " (" attr(href) ")";
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]::after, a[href^="#"]::after, .site-title > a::after {
        content: "";
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 2cm 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    .content, .content-sidebar {
        width: 100%;
    }

    button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar {
        display: none !important;
    }

    .title-area {
        text-align: center;
        width: 100%;
    }

    .site-title > a {
        margin: 0;
        text-decoration: none;
        text-indent: 0;
    }

    .site-inner {
        padding-top: 0;
        position: relative;
    }

    .author-box {
        margin-bottom: 0;
    }

    h1, h2, h3, h4, h5, h6 {
        orphans: 3;
        page-break-after: avoid;
        page-break-inside: avoid;
        widows: 3;
    }

    img {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    blockquote, pre, table {
        page-break-inside: avoid;
    }

    dl, ol, ul {
        page-break-before: avoid;
    }
}

/******************************** ISOTOPE MASONRY GRID — REVERTED ********************************/

/* Tell Isotope how wide each “column” is, including the 16px gutter */
.grid-sizer,
.grid-item {
  width: calc((20% - 16px) + 3.2px);
}

@media (max-width: 1200px) {
  .grid-sizer,
  .grid-item {
    width: calc((25% - 16px) + 4px);
  }
}

@media (max-width: 992px) {
  .grid-sizer,
  .grid-item {
    width: calc((33.33% - 16px) + 5.333px);
  }
}

@media (max-width: 768px) {
  .grid-sizer,
  .grid-item {
    width: calc((50% - 16px) + 8px);
  }
}

@media (max-width: 576px) {
  .grid-sizer,
  .grid-item {
    /*width: calc((100% - 16px) + 16px);*/
    width: 100%;
  }
}

/* Ensure the container doesn’t become a CSS Grid so Isotope can absolutely position items */
.grid {
  position: relative;
}

/* These stay exactly as before */
.home .content,
.category .content,
.search .content {
  width: 100% !important;
}

.site-inner {
  max-width: 1850px;
  padding-top: 2px;
  padding-bottom: 0;
}


/************************* SEARCH ******************************************************/

/* Optimize Search Bar in Primary Menu */
[type=search] {
    width: auto;
}

input[type="submit"] {
    font-size: 19px;
}

.right.search, .search-bar {
    float: right;
}


.search-form input[type="submit"] {
    margin-top: 0;
}

.genesis-nav-menu .menu-item {
    padding: 7px;
}

/* Adjustment for Mobile Devices */
@media only screen and (max-width: 1023px) {
    .genesis-nav-menu .menu-item {
        padding: 0;
    }

    .right.search, .search-bar {
        float: left;
    }
}

/* Hide the search button */
.right.search form input[type="submit"] {
    display: none;
}

/* Reduce the height of the search box */
.right.search form input[type="search"] {
    padding: 0 0 0 15px;
    height: 40px;
}

/* IMPORTANT - adjust size of overall invisible box */
.right.search {
    height: 40px;
}

/************************** NEXT AND PREVIOUS PAGE NAVIGATION ******************/

.pagination .nav-previous, .pagination .nav-next {
    display: inline-block;
}

.pagination .nav-previous svg, .pagination .nav-next svg {
    height: 30px;
    width: auto;
}

.pagination {
    margin: 50px 0 20px;
}

/************************** STYLE CATEGORIES *****************************************/

.category-auction.grid-item {
    background-color: #404040;
    color: #F7F7F7;
}

.category-auction.grid-item .entry-title,
.category-news.grid-item .entry-title,
.category-this-week.grid-item .entry-title {
    padding: 0 10px;
}

.category-auction.grid-item .entry-title a {
    color: white;
}

.category-auction.grid-item .post-categories a /*,
.category-news.grid-item .post-categories a */{
   padding: 0 10px;

}

.category-auction.grid-item p {
    padding: 0 10px;
}

.category-auction.grid-item p a,
.category-auction.grid-item .post-content .read-more-link {
    color: gray;
}

.category-auction.grid-item .post-content .read-more-link:hover,
.category-auction.grid-item .post-categories a:hover {
    color: lightgrey;
}

.category-advert.grid-item {
    background-color: var(--background-color) !important;
    padding: 15px 0;
    border: 2px dotted var(--text-color);
}

.category-events.grid-item {
    padding: 10px;
    border: 2.5px dotted gray;
}

.category-news.grid-item {
    background-color: #FFD9B7; /*#d9d9d9; /*#D8D4CB; /*EBE1D2; /*FFD9B7;*/
}

.category-news.grid-item p {
    padding: 0 10px;
    margin-bottom: 0;
}

/*above does not seem to work */

.category-news.grid-item img {
    /*padding: 10px 10px 0;*/
    /* FUTURE this: filter: grayscale(100%);  and then hover back to colour*/
}

.estate-agent-name + .read-more-link,
.post-categories + .read-more-link,
.post-content p + .read-more-link {
    display: block;
}

.category-news.grid-item .post-content p {
    margin-bottom: 0px;
    padding-bottom: 0;
}

.category-news.grid-item .post-categories a {
    /*padding: 0 10px;*/  /************* 19 JAN 2025 *******************/
    color: #605846; /*9f6729; /*F7F7F7;*/
    font-weight:500;  /*was 600*/
}

.category-news.grid-item .post-categories {    /**** ADDED 19 JAN 2025 ****/
  padding-left:10px;
}

.category-news.grid-item .post-content .read-more-link,
.grid-item .post-content .read-more-link {
    font-size: 16px; /* WAS 18px; */
    /*padding-left: 0px;*/
    margin: 0;
    color: gray;
    text-decoration: none;
    line-height: 1.25;
    padding-top:4px;
}

.category-news.grid-item .post-content .read-more-link {
    padding-left: 10px;
    padding-bottom: 7px;
}

.category-news.grid-item .post-content .read-more-link:hover,
.grid-item .post-content .read-more-link:hover {
    color: #333333;
}

.estate-agent-name {
    display: inline;
    /*font-size: 16px;*/
    font-weight: bold;
    color: var(--text-color);
}

.estate-agent-details, .estate-agent-details a {
    font-weight: bold; /* Optional: Styles the estate agent name to stand out */
    text-decoration: none;
    color:#333333;
}

.estate-agent-details a:hover{
    color:grey;
}

.single .post-content .estate-agent-name,
.single .content .post-content p,
.single .content .post-content .estate-agent-name,
.single .content .post-content p span {
    display: inline;
    font-size: 18px;
    font-weight: bold;
    color: var(--text-color);
    line-height: 1.25;
    margin-bottom: 0;
    padding-bottom: 0;
}

.category-this-week.grid-item {
    border: 1px solid var(--text-color);
}

/*************************** CATEGORY ADVERTS **********************************************************/

.category-advert .post-categories,
.category-advert .entry-title,
.category-advert .read-more-link {
    display: none;
}

.category-advert.grid-item {
    padding-bottom: 30px !important;
}

/******************************************** ARCHIVE PAGE ********************************************/

.archive .archive-title,
.search-results .archive-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: -5px;
    color: #909090;
    text-transform: uppercase;
    margin-top:8px;
}

.archive .archive-description,
.search-results .archive-description {
    margin-bottom: 14px;
    line-height: 1.3;
}

.archive .site-inner,
.search-results .site-inner {
    padding-top: 12px;
}

.page .site-inner {
    padding-top: 25px;
}


/* ADDED 4 FEB 2025 to make sidebar entry on paages same as single */
.page .sidebar .entry-title {
    line-height: 1.15!important;
    margin-bottom: 12px;
    letter-spacing: -0.3px;
  /*  margin: 20px 0 12px;*/
}

/* REMOVED 4 FEB 2025 to make the side bar entry-title */
/*.page .entry-title {
    font-size: 38px;
    font-weight: 800;
    margin: 15px 0 22px;
    color: #909090;
}*/


.page a{
  text-decoration: none;
  color: #333333;
}

/********************************** GRID ********************************************/

.grid-item .entry-title {
    line-height: 0.85;
}

.grid-item .entry-title a {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0

.3px;
    margin-bottom: -2px;
}

/*.grid-item .entry-title a:hover {
    color: grey;
}*/

.grid-item .post-categories a,
.grid-item .post-content .read-more-link{
    /*text-transform: uppercase; */  /*** NEW ****/
    color: gray;
    text-decoration: none;
}

.grid-item .entry-title a:hover {
    /*color: gray;*/
    color:#333;
    text-decoration: underline; /* NEW */
}

.grid-item .post-categories a:hover,
.grid-item .post-content .read-more-link:hover{
    color: #333333;
}

.grid-item .read-more-link:hover {color: #333333!important;}

.grid-item .post-categories {
    line-height: 1.15;
    margin: 10px 0 -18px;  /* changed from 15px to 10px 27/11/24*/
}

.grid-item p,
.grid-item .post-content p {
    font-size: 16px;
    line-height: 1.25 !important;
    margin-bottom: 8px;
    padding: 10px;
}

.grid-item .post-content .estate-agent-name {
    display: inline;
    font-size: 16px;
    margin-left: 0;
    padding-left: 0;
    text-decoration: none;
}

.grid-item h2 .post-date {
    display: block;
    padding-top: 5px;
}

.grid-item .post-content {
    line-height: 1.25;
    font-size: 16px !important;
}

.grid-item {
    margin-bottom: 19px;
}

/************************* DOUBLE WIDTH GRID ITEM ********************************************/

/************************* DOUBLE WIDTH (fallback 768 – 991 px) ****************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .grid-item.double-width {
        width: 65.9%;    /* ≈ 2 of 3 columns incl. gutter */
    }
}

/************************* DOUBLE WIDTH (fallback 576 – 767 px) ****************************/
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .grid-item.double-width { width: 100%; }   /* spans both of the two columns */
}


/**** TRIPLE WIDTH ****/

/************************* TRIPLE WIDTH GRID ITEM ********************************************/

/************************* TRIPLE WIDTH GRID ITEM ********************************************/
@media only screen and (min-width: 992px) {          /* 4‑column layout */
    /* 3 cols – 2 gutters  →  75 % – 4 px  ≈ 74.6 %  */
    .grid-item.triple-width { width: calc(75% - 4px); }   /* (≈ 74.6%) */
}

@media only screen and (min-width: 1200px) {         /* 5‑column layout */
    /* 3 cols – 2 gutters  →  60 % – 6.4 px ≈ 59.5 % */
    .grid-item.triple-width { width: calc(60% - 6.4px); } /* (≈ 59.5%) */
}


/************************* DOUBLE WIDTH (fallback 768–991 px) *******************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .grid-item.double-width { width: 65.9%; }   /* 2 of 3 columns incl. gutter */
}


/* keep the headline‑size override */
/* First card: larger headline, whether it’s triple‑ or double‑width */
.grid-item.triple-width .entry-title,
.grid-item.triple-width .entry-title a,
.grid-item.double-width .entry-title,
.grid-item.double-width .entry-title a {
    font-size: 28px !important;
    line-height: 1.1;
    padding-top: 7px;
}


/************************ GRID UPDATES - CATEGORY AND IMAGES SPACING ************************/

.grid-item:not(.category-news) img {
  margin-bottom: 12px;
}

.grid-item:not(.category-news) .post-categories {
  margin-top: 0px;
}

/*********************************** SINGLE *****************************************************/

.single .entry-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
    /*margin: 20px 0 12px; removed 5 feb 2025*/
}

.single .content .entry-title{
    margin: 20px 0 6px; /*added 5 feb 2025*/
}

.single .content p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0px; /*was 20*/
}

.single .content a {
    color: #333333;
}

/*.single .content a:hover {
    color: grey;
}*/

.single .content .post-categories a {
    font-size: 18px;
    /*text-transform: uppercase;*/
    text-transform:none;
    color: gray;
    text-decoration: none;
}

.single .content .post-categories {
    line-height: 1.15;
    margin: 26px 0 -15px;
}

.single .content .post-categories a:hover {
    color: #333333;
}

.single .content figcaption.wp-element-caption {
    text-align: left;
    margin: 3px 0 12px;
    padding-left: 0;
}

.single .site-inner {
    padding-top: 25px;
}

.single .entry {
    margin-bottom: 20px;
}

/*********************************************** SIDEBAR ********************************************/

.sidebar .featured-content .entry-title a {
    font-weight: 800;
    font-size: 23px;
    letter-spacing: -0.3px;
    color: #333333;
    font-weight: 800;
    line-height: 1.1;

}

.sidebar .featured-content .entry-title a:hover {
    /*color: grey!important;*/
    text-decoration: underline;
}

.sidebar .featured-content .entry-title {
    margin-top: 0;
    line-height: 0.95;
}

.sidebar .featured-content .entry-meta a,
.sidebar .featured-content .entry-meta {
    font-size: 18px;
    /*text-transform: uppercase;*/ /* NEW */
    color: gray;
    font-weight:normal;
    text-decoration: none;
    margin-top: -5px;
    margin-bottom: 0;
    padding-bottom:0px; /*was 5px; */
}

.sidebar .featured-content .entry-meta a:hover {
    color: #333333;
}

.sidebar .featured-content p {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.sidebar .featured-content p a{
    text-decoration: none;
    color: #333333;
}

.sidebar .widget .entry-content p {
    color: #333333;
    font-weight: normal !important;
}

.sidebar .widget .entry-content a.more-link{
    color: grey;
    font-weight: normal !important;
}

.sidebar .featured-content .more-link {
    color: gray;
    text-decoration: none;
    margin-bottom: 8px;
}

.sidebar .featured-content .more-link:hover {
    color: #333333!important;
}

.sidebar .featured-content .post-categories {
    margin-bottom: -8px;
}

.sidebar .featured-content .entry {
    border-bottom: 2px dotted #B9B9B9;
}

.sidebar .widget {
    background-color: #E1E1E1;
    padding: 25px 30px 40px;
    margin: -35px -30px -1px -30px /*-25px*/;
}



/* SIDE BAR */

/* 0) Mobile-first default: stacked single-column */
.content,
.sidebar {
  float: none;
  width: 100%;
}

/* 1) Tablet: two-column 60/40 between 601px – 960px */
/*@media only screen and (min-width: 701px) and (max-width: 960px) {
  .content {
    float: left;
    width: 60%;
  }
  .sidebar {
    float: right;
    width: 40%;
    padding-left: 55px; /* gutter */
/*  }
}*/

/* 2) Desktop: two-column 70/30 at 961px+ */
@media only screen and (min-width: 961px /*961*/) {
  .content {
    float: left;
    width: 70%;
  }
  .sidebar {
    float: right;
    width: 30%;
    padding-left: 55px;
  }
}

/* 3) Tiny phones (<401px): widget overlap fix only here */
@media only screen and (max-width: 400px) {
  .sidebar .widget {
    margin-left: -30px;
    margin-top: 20px;
  }
  .site-inner {
    overflow: hidden;
  }
}



/* Apply grayscale only for Custom Featured Posts widget */
.widget_custom_featured_posts .featured-content img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.widget_custom_featured_posts .featured-content img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}




/*

.sidebar .featured-content img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.sidebar .featured-content img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
*/

/* Disable grayscale specifically for the Simplified Featured Posts widget */
/*.widget_simplified_featured_posts .featured-content img {
    -webkit-filter: none !important;
    filter: none !important;
}*/

/************************************ HEADER ********************************************/

.widget-title {
    color: #909090;
    font-weight: 800;
    font-size: 32px;
    /* margin-bottom: 12px; Removed for LONDON DEVELOPMENT SITES */
}

.site-header {
    /* height: 65px;*/  /* REMOVED 3 FEB 2025 */
    box-shadow: 0 12px 10px 0px rgba(0, 0, 0, 0.2), 0 14px 12px 0px rgba(0, 0, 0, 0.19);
}

.title-area {
    margin-top: 7px;
}

.js .nav-primary {
    padding-top: 7px;
}

.wp-custom-logo .title-area {
    max-width: 300px;
}

@media only screen and (max-width: 320px) {
    .wp-custom-logo .title-area {
        max-width: 200px;
        margin-top: 11px;
    }

    .after-header-widget {
        font-size: 16px !important;
        line-height: 1.15;
        padding-bottom: 25px;
    }
}

/* sticky header all screen sizes */
.site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
}

.admin-bar .site-header {
    top: 32px;
}

@media only screen and (min-width: 960px) {
    .genesis-nav-menu .menu-item {
        float: left !important;
    }
}

.genesis-nav-menu .menu-item a {
    font-size: 16px;
    font-weight: 500;
    color: gray;
    margin-top:12px;
}

.genesis-nav-menu .menu-item a:hover {
    color: lightgray;
}

.menu-toggle {
    color: white;
}

.menu-toggle:hover {
    color: lightgray !important;
}

/*********************************** SEARCH ************************************************/

.search-form-input {
    background-color: #F34B4A !important;
    text-transform: uppercase;
    text-align: center;
    color: white;
}

.genesis-nav-menu .search-form input[type="search"] {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 0 5px !important;
    border: none;
    border-radius: 4px;
    width: 150px;
    height: 30px !important;
    margin-top: 5px;
}

.genesis-nav-menu .search-form input[type="search"]::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: white;
}

@media only screen and (max-width: 1200px) {
    .genesis-nav-menu .search-form input[type="search"] {
        margin-top:17px!important;
    }
    .nav-primary {
        background-color: #CE1615; /*#EB0C0C;*/
        padding-left: 20px;
    }
    .genesis-nav-menu a {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 960px) {
    .nav-primary {
        padding-bottom: 40px;
    }
    .genesis-nav-menu .menu-item a {
        font-size:20px; /* was 18 */
        margin-top :5px;
    }
    .genesis-nav-menu .search-form input[type="search"] {
        font-size:20px;   /* 19 NOV */
    }
    .genesis-nav-menu .search-form input[type="search"]::placeholder {
        font-size: 20px;
    }
}

/*************************** BEFORE HEADER WIDGET FOR ADS *****************************************/

.before-header-widget {
    padding-top: 10px;
    padding-right: 30px;
    text-align: right;
}

.before-header-widget .widget {
    margin-bottom: 0;
}

/***************************** AFTER HEADER WIDGET - SITE DESCRIPTION *********************************/

.after-header-widget {
    margin: 20px 15px 8px;
    padding: 0 15px;
    font-weight: 500;
    font-size: 20px;
    color: grey;
}

.after-header-widget .widget {
    margin-bottom: 0;
    line-height: 1.3;
}

/***************************** AFTER CONTENT WIDGET ****************************************/

.related-posts-widget a {
    font-weight: bold; /* Bold title */
    text-decoration: none; /* Remove underline */
    font-size: 1.2em; /* Adjust font size */
    display: inline-block; /* Ensure proper spacing */

}

.related-posts-widget a:hover {
  text-decoration: underline; /*none;*/
  /*color: grey !important;*/
}

.related-posts-widget p {
    margin: 0; /* Remove top and bottom margin */
    padding-bottom: 15px; /* Space below the paragraph */
    font-size: 0.9em; /* Adjust font size */
    border-bottom: 1px dotted #ccc; /* Add dotted line */
}

.related-posts-widget {
/*border-top: 1px dotted grey!important;*/
/*padding-top:12px;*/
}

.related-posts-widget ul {
    list-style: none; /* Remove bullets */
    padding: 0;       /* Remove default padding */
    margin: 0;        /* Remove default margin */
}

.related-posts-widget li {
    margin-bottom: 10px; /* Space between items */
}

.single .after-entry .widget-title {
  border-top: 1px dotted grey;
  padding-top:18px;
  line-height: 1.1;
}

/*.widget.type-location-price-related-posts-widget a {
    text-decoration: underline;
    color: #333333;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
}*/

/*.widget.type-location-price-related-posts-widget a:hover {
    text-decoration: none;
    color: #333333 !important;
} */

/*.widget.type-location-price-related-posts-widget {
    color: silver !important;
    margin-bottom: 10px !important;
    border-top: 1px dotted #333!important;
}
*/

@media only screen and (max-width: 960px) {
    .widget.type-location-price-related-posts-widget {
        margin-bottom: 60px;
    }
}

.single .after-entry {
    padding: 0 0 10px;
    box-shadow: none;
    margin: 0 0 25px;
}

@media only screen and (max-width: 960px) {
    .single .after-entry {
        padding-bottom: 20px; /*50px;*/
    }
}

/************************* NEW FOOTER WIDGET AREA *********************************************/

.new-footer-widget-area {
    background: lightgray;
    font-size: 13px;
}

.site-footer a {
    text-decoration: none;
    color: #333333;
    /*padding-left: 25px;
    padding-right: 25px;*/
}

.site-footer {
    background-color: lightgray;
    padding: 15px 25px;
}

.site-footer .wrap {
    background-color: lightgray;
}

/*.site-footer {
    clear: both;
}*/
/************************** MOBILE SCREENS - wider content **************************************/

@media only screen and (max-width: 480px) {
    .site-inner, .before-header-widget, .site-header, .after-header-widget, .site-footer {
        padding: 0 16px !important;
    }
}

/**************** NEED THIS TO ALLOW STICKY BAR IN MOBILES - does not cause slide 20/11/24****/
/*** for some reason does not work if moved hgher up */

/* important - does not show sticky bar without */
.site-container {
    overflow:visible;
}

@media only screen and (max-width: 1200px) {
  .site-header {
      padding: 0 !important;
      margin: 0 !important;
      border-radius: 0;
      }
  .wp-custom-logo .title-area img{ margin-left:30px;}
  .genesis-nav-menu { margin-left:12px;}
  .menu-toggle { margin-right:25px;}
}

@media only screen and (max-width: 480px) {
  .wp-custom-logo .title-area img{ margin-left:17px;}
  .genesis-nav-menu { margin-left:3px;}
  .menu-toggle { margin-right:16px;}
}

/******* CONFIGURATION - CDN to CBP to CDN to RAP 10 june 24 **********************/

.site-container {
    background-color: var(--highlight-color);
}

.before-header, .before-header-widget, .site-header {
    color: var(--text-color);
    background-color: #CE1615!important; /*#EB0C0C !important;*/
}

.site-title a {
    color: var(--text-color);
}

.genesis-nav-menu .menu-item a {
    color: white;
}

.after-header-widget {
    color: grey; /*#333;*/ /*gray;*/
    background-color: var(--highlight-color);
}

.category-advert.grid-item {
    background-color: var(--highlight-color) !important;
}

.title-area {
    margin-top: -4px;
}

/******* END CONFIGURATION - CDN to CBP **********************/




/******************************************************************************************/
/***************************** FORMS ******************************************************/
/******************************************************************************************/

/* --- General Form Container Styles --- */
.custom-form-overlay
{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  max-width: 500px;
  width: calc(100% - 40px);
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  z-index: 10001;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* --- Overlay Background Styles --- */
.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}

/* --- Form Logo Styles --- */
.form-logo {
  display: block;
  max-width: 50%; /*removed for london developmet sites form */
  height: auto;
  margin: 15px 0 0 0; /* Combined margin properties */
  /*transform: scale(1.5);*/
  transform-origin: left;
}

.register-logo{
  transform: scale(1.3);
  padding-top: 8px;
  padding-bottom: 4px;
}

.modify-logo{
  transform: scale(1.75);
}

@media (max-width: 600px) {  /* Adjust the breakpoint as needed */
  .form-logo {
    max-width: 50%;
  }
}



/* --- Form Header Container --- */
.custom-form-overlay .form-header {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: normal;
  padding-top: 15px;
  padding-bottom: 0px;
}

/* First sentence styling */
.custom-form-overlay .form-header .first-sentence {
  font-weight: bold;
  margin-bottom: 10px;
}

/* Styling for the bullet list */
.custom-form-overlay .form-header .property-list {
/*  list-style-type: disc !important; */ /* Force disc bullets */
/*  margin: 0;*/
 padding-left: 20px;*/ /* Indentation for bullets */
/*  list-style-position: outside;*/

}

/* Styling for each bullet list item */
.custom-form-overlay .form-header .property-list li {
  display: list-item; /*!important;*/
  list-style-type: disc; /*  !important;*/
  /*list-style-position: outside;*/
  padding-left: 0px;
  font-size: 16px;
  margin-bottom: 8px;
  color: #555;
}




/* Underline after the bullet list */
.custom-form-overlay .form-header .underline {
  margin-top: 20px;
  border-bottom: 1px solid var(--text-color);
}



/* ---- create space between title and form -----*/
.custom-form-overlay #register-form,
.custom-form-overlay #modify-form
{
  margin-top:20px;
}

/* --- Label Styles --- */
.custom-form-overlay label {
  display: block;
  font-weight: 800;
  font-size: 18px;
  color: var(--text-color);
  /*margin-bottom: 2px; removed 21nov24*/ /* Space between label and input field */
  line-height: 1;
}


.custom-form-overlay label[for="estate_agent"] {
    padding-top: 8px;
}


.custom-form-overlay #categories label {
  margin-bottom: 5px;
  display: inline-block; /* Changed to inline-block for horizontal arrangement */
  margin-right: 20px;
  font-weight: normal;
  text-transform: none;
}

.custom-form-overlay #description label {
  margin-bottom: 5px;
}

.custom-form-overlay #categories {
  margin-bottom:20px;
  margin-top:5px; /* was 7px */
}

/* --- Input, Textarea, and Select Styles --- */
.custom-form-overlay input[type="email"],
.custom-form-overlay input[type="url"],
.custom-form-overlay input[type="text"],
.custom-form-overlay input[type="file"],
.custom-form-overlay textarea {
  width: 100%;
  /*padding: 10px;*/ /* Adjust padding inside input if needed */
  margin-bottom: 10px; /* Space between input field and next label */
  border: none;
  background-color: transparent;
  outline: none;
  text-align: left;
  font-size: 18px;
  color: var(--text-color);
  padding-left:0px;
  padding-top:5px;
}

.custom-form-overlay input[type="file"] {
  padding-bottom:5px;
}

/* Consistent height for text areas */
.custom-form-overlay textarea {
  /*height: 115px;*/
  padding-bottom:0px;
  margin-top:2px;
}

/*@media (max-width: 600px) {  /* need more text space in small screen */
/*  .custom-form-overlay textarea {
    height: 150px;
  }
}*/

/* --- Placeholder Styles --- */
.custom-form-overlay input::placeholder,
.custom-form-overlay textarea::placeholder {
  font-size: 18px;
  color: grey;
  opacity: 1;
  font-weight: normal;
}

/* --- Title Input Styles --- */
.custom-form-overlay #title {
  font-size: 18px;
  font-weight: normal;
  padding-bottom:8px;
  padding-top: 0px;/*2px;*/
}

/*.custom-form-overlay input#title:not(:placeholder-shown) {
  font-size: 25px !important;
  font-weight: bold !important;
}*/

.custom-form-overlay textarea#title:not(:placeholder-shown) {
  font-size: 25px;
  font-weight: bold;
}

/* --- Checkbox Styles --- */
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #ABABAB;
  border-radius: 50%;
  background-color: white;
  cursor: pointer;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  top: 1px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  accent-color: #ABABAB;
  margin-top:-4px;
}

input[type="checkbox"]:checked {
  background-color: #333;
  border-color: #333;
}

#categories input[type="checkbox"] {
  margin-right: 5px;
  transform: scale(1.2);
}

/* --- Button Styles --- */

.custom-form-overlay button {
  padding: 10px 15px /*20px*/;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-transform: none; /*uppercase;*/
  margin-top: 10px;
  font-size: 18px; /*16px;*/
  transition: all 0.3s ease;
  overflow: hidden;
  white-space: nowrap;
  /* margin-right:10px;*/
}

.custom-form-overlay button[type="submit"] {
  background-color: #CE1615; /*#EB0C0C;*/
  color: #fff;
}

.custom-form-overlay button[type="submit"]:hover {
  background-color: darkred;
}

/* --- Close Button Styles --- */
.close-form-button {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  font-weight: bold;
  color: var(--text-color);
  cursor: pointer;
  z-index: 10002;
}

.close-form-button:hover {
  color: grey;
}

/* --- Image Preview Styles --- */
.custom-form-overlay #image-preview {
  margin-bottom: 20px;
}

#image-preview img,
#new-image-preview img,
#current-image img {
  width: 100%;
  height: auto;
}

/* --- Message Container Styles --- */
.message-container {
  position: relative;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
  overflow-y: auto;
}

.success-message,
.error-message {
  display: none;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 18px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  white-space: normal;
  overflow: hidden;
  transition: height 0.3s ease;
  opacity: 0;
  z-index: 100;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-height: 44px;
  overflow-y: auto;
  text-transform:none!important;
}

.success-message {
  background-color: #4CAF50; /* Green for success */
}

.error-message {
  background-color: #f44336; /* Red for error */
}

.success-message.show,
.error-message.show {
  display: block;
  opacity: 1;
}

/* --- Button Container Styles --- */
.button-container {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 10px;
  gap:10px;
}

.custom-form-overlay button[type="submit"].show-message {
  background-color: #4CAF50;
  color: white;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.custom-form-overlay .new-image-label {
  margin-top:5px; /* was 25px */
  margin-bottom:4px;
  padding-top: 12px;
}

.custom-form-overlay .current-image-label {
  margin-bottom:10px;
}

/* --- Honeypot Styles --- */
.hidden-honeypot {
  position: absolute !important;
  left: -9999px !important;
}

/* added 4 Nov 2024 */

#delete-property.remove-button {
  background-color: #555555;
  color: #ffffff;
}

#delete-property.remove-button:hover {
  background-color: #333333;
}

.show-success-message {
  background-color: #32A72D!important;
  color: white;
}

.show-error-message {
  background-color: #E60000!important;
  color: white;
}

/************************* END OF FORMS ***********************************************/





/**************************** ADDED FOR REGISTER A PROPERTY ************************/

.estate-agent-name {
  display: inline;
  font-weight: bold;
}

.estate-agent-container {
  display: inline;
}

.single .entry-content .estate-agent-name {
  text-decoration: none;
  font-size: 18px!important;
}

/************************************ LOGO ******************************************/

.custom-logo {
  max-width: 360px;
  width: 100%;
  height: auto;
}

/*************************** Styles for mobile devices *****************************/

@media only screen and (max-width: 450px) {
  .custom-logo {
    max-width: 300px;
    height: auto;
    margin-top: 8px;
  }

  .after-header-widget {
    margin-left: 0px;
    margin-right: 0px;
  }
  .grid-item .entry-title a {
    font-size: 28px;
  }
  .grid-item .post-content {
    font-size: 18px!important;
  }
  .grid-item .estate-agent-name {
    font-size: 18px!important;
  }

  .single .site-inner {
    margin-top: 15px;
  }

  .single .after-entry {
    padding-bottom :10px;
  }

  .site-footer {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }

  input[type="file"]::file-selector-button {
    color: #333333;
    border: 0.25px solid #333;
  }

  input[type="file"]::-webkit-file-upload-button {
    color: #333333;
    border: 0.25px solid #333;
  }

  .sidebar .featured-content .entry-title {
    line-height: 0.9;
  }

  .grid-item .entry-title {
    margin-bottom: 6px!important;
  }

  .sidebar .featured-content .entry-title {
    margin-bottom: 18px!important;
  }
}

/* Give grid-item titles more breathing-room on small phones */
@media only screen and (max-width: 450px) {
    .grid-item .entry-title {
        line-height: 1;          /* 1.15–1.25 also work well — pick the look you prefer */
    }
}


@media only screen and (max-width: 380px) {
  .custom-logo {
    max-width: 250px;
    height: auto;
    margin-top: 8px:
  }
}

@media only screen and (max-width: 330px) {
  .custom-logo {
    max-width: 200px;
    height: auto;
    margin-top: 8px;
  }
}

/************************** Terms & Conditions styling *************************/

.terms-link {
  text-decoration: none;
  color: inherit;
}

#terms_conditions_label {
  font-weight: normal;
  text-transform: none;
}

#terms_conditions_label input[type="checkbox"] {
  margin-right: 5px;
  transform: scale(1.2);
}

/*************************** CORRECTIONS **************************************/

.category-news.grid-item .post-content {
  margin-bottom: 0px;
  padding-left: 10px!important;
  padding-right: 10px!important;
}

.estate-agent-name, .estate-agent-name a {
  font-weight: bold;
  color: #333333;
}

.grid-item .estate-agent-name:hover {
  color: gray;
}

.category-news.grid-item .estate-agent-name:hover,
.category-news.grid-item .estate-agent-name a:hover {
  color: grey;
}

.category-news.grid-item .estate-agent-name {
  display: inline;
}

.grid-item .read-more-link {
  /*display: block!important;*/

  display: inline !important;  /****** NEW ********/
  margin-top: 4px;
  font-size: 16px; /* WAS 18px;*/
  color: grey;
  text-decoration: none;
  line-height: 1.25;
}


.post-more-spacer {
  margin-bottom: 10px; /* space below read more in masonry page */
}

.category-news.grid-item .read-more-link {
  padding-left: 0px!important;
}

.read-more-link, .read-more-link a {
  color: grey!important;
  font-weight: normal!important;
}

.read-more-link:hover, .read-more-link:hover a {
  color: #333333;
}


/**************************** FOR SEARCH RESULTS WHERE THERE ARE NO RESULTS ********************/

.no-results-message {
  margin-top:-50px;
}

body.search-no-results .archive-title {
    /* Add desired styling here to ensure consistency */
    margin-top: 30px;
}

body.search-no-results .archive-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: -5px;
    color: #909090;
    text-transform: uppercase;
  }

/* this helps with white space below bottom bar and also when scrolling up */
/*body {
  background-color:lightgrey;
}*/

/* this does not have full borwser support */
body.category:has(.no-results-message) .archive-title {
  padding-bottom: 50px;
}


/*************************** END CORRECTIONS ************************************************/




/*************************** MODAL OVERLAY ************************************/

#modal-overlay {
    position: fixed; /* Fixed positioning to center relative to the viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 11000; /* Ensure it's on top of other elements */
    overflow: hidden; /* Prevent scroll inside the overlay */
}

/* Modal Box */
#modal-box {
    background-color: #E0E0E0;/*#EDE9E3;*/ /*white; *//*#F8F8F8; /*white;*/ /*#EB0C0C;*/
    color: #333; /*white;/*#F8F8F8;*/
    padding-top: 1px;/*6px;*/
    /*padding-bottom: 3px;*/
    padding-left:20px;
    padding-right:20px;
    border-radius: 18px;
    max-width: 400px;
    width: 90%;
    /*text-align: center;*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 11001; /* Ensure it stays above overlay background */
}

@media (max-width: 600px) {  /* Adjust the breakpoint as needed */
  #modal-box {
    width: 80%;  /* Increase width on smaller screens */
  }
}

#modal-close {
  position: absolute;
  top: 0px;
  right: 0px; /*10px;*/
  font-size: 26px;
  font-weight: 800; /*bold;*/
  cursor: pointer;
  color: #333; /*white;*//*#F8F8F8;*/
  background-color: #E0E0E0;/*#EDE9E3;*//* white;*/
  margin-top:-10px;
  margin-right: -10px;
  /* Add these styles for the circle */
  width: 25px;  /* Adjust size as needed */
  height: 25px; /* Adjust size as needed */
  line-height: 23px; /* Vertically center the X */
  text-align: center;
  border-radius: 50%; /* Make it a circle */
  /*border: 2px solid #333; *//* Add a border */
}

#modal-message { margin:0px;}

#modal-message .modal-message-line { /* Common styles for all lines */
    margin-bottom: 2px; /* Adjust spacing as needed */
    margin-top:7px;
    line-height: 1.4;
    padding-bottom: 10px;
}

#modal-message .larger-font { /* Styles for lines after the first */
    font-size: 22px; /* Adjust font size as needed */
    font-weight: bold;
    line-height:1.2;
    /*border-top: 1px solid #333;*/
    padding-top:7px;
    padding-bottom:0px;
}


/************************** X BUTTON TO REMOVE IMAGE *****************************************/

#current-image, #image-preview {
    position: relative; /* Required to position the overlay */
}

.image-overlay {
    position: absolute;
    top: 0px;
    right: 10px;
}

.close-circle {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: lightgrey;
    color: #333;
    text-align: center;
    line-height: 25px;
    font-size: 25px;
}

/* Add this to remove the button's default background */
.image-overlay button{
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}


/************************ SPACE AROUND AD IN SIDE BAR ******************************/

/*may not need this is there is a gap around the ads in the side bar */
@media only screen and (max-width: 960px){
  .sidebar .widget.widget_text.widget_custom_html {
      margin-top: 0px;
      margin-bottom: -20px;
    }
}


/************************* REMOVE FOCUS BOX WHEN ITEM CLICKED IN WINDOWS ****************

/* may need to be changed for accessiblity */

/* Remove the dotted outline for all elements */
:focus {
  outline: none;
}

/* to stop blue colour when using tab in Chrome */

:root {
    --primary-color: grey; /* Define your primary color */
    --focus-color: grey; /* Define a consistent focus color */
}


/******************* TO REMOVE GAP BETWEEN ABOVE HEADER AND HEADER IN WINDOWS *************/

.admin-bar .site-header {
  top: 30px;
}


/***************************** STYLING THE POST DATES****************************************/


.grid-item .post-date {
  margin-bottom:5px!important;
  font-weight:800;
  font-size:14px;
}

.single .content .post-date {
  margin-bottom:9px;
  font-weight:800;
  font-size:14px;
}

.sidebar .featured-content .post-date{
  margin-top:12px; /*added 5 feb 25*/
  margin-bottom:10px; /*was 3px; 5 feb 25*/
  font-weight:800;
  line-height:0.9;
  font-size:14px;
}


/********** SOLVE MENU TOGGLE - NOT GOING BACK TO WHITE AFTER PRESSING IN CHROME *******/

.menu-toggle {
    color: white;
    transition: color 0.2s ease-in-out;
}

/* Change color on hover */
.menu-toggle:hover {
    color: lightgray !important;
}

/* Fix for Chrome: Ensure it returns to white when not hovered */
.menu-toggle:focus,
.menu-toggle:active {
    color: white !important;
    outline: none; /* Optional: Removes focus outline */
}


/******************** SOLD AND LET CATEGORIES SHOWN IN RED ****************************************/

/* Sold, Let, and Unavailable categories shown in red */
.post-categories a.sold-category,
.post-categories a.let-category,
.post-categories a.unavailable-category {
    color: red !important;
    /*font-weight: bold !important;*/
}

/* Make "Unavailable" category red */
.unavailable-category a.unavailable-category{
    color: red !important;
}


/******************* STYLE CATEGORIES IN RELATED POSTS WIDGET *********************************/

.related-post-categories,
.related-post-categories a {
  font-size: 18px;        /* Adjust as needed */
  text-transform: uppercase;
  color: gray!important;
  font-weight: normal;
  text-decoration: none;
  margin-top: -5px;
  margin-bottom: -15px!important;
  padding-bottom: 0;
  border-bottom: none!important;
}


.related-post-categories a:hover {
  color: #333 !important;
}

/* Target category links with those slugs */

.related-post-categories .highlighted-category {
  color: red;
}



/******************** SOLD AND LET CATEGORIES SHOWN IN RED ****************************************/

/* Sold, Let, and Unavailable categories shown in red */
.post-categories a.sold-category,
.post-categories a.let-category,
.post-categories a.unavailable-category {
    color: red !important;
    /*font-weight: bold !important;*/
}

/* Make "Unavailable" category red */
.unavailable-category a.unavailable-category{
    color: red !important;
}
/* was .unavailable-category a..unavailable-category{
    color: red !important;
}*/


/********************** INCREASE SPACE ABOVE THE TITLE IN PAGES ********************************/

@media only screen and (max-width: 480px) {
  body.page .site-inner {
    padding-top: 20px!important; /* Adjust the top padding as needed */
  }
}


/*********************************** TO REDUCE SHIFT ***********************************/

/* Example: force the nav to never collapse below 60px tall */
.nav-primary {
  min-height: 55px; /* Adjust if you find your header is actually 55 or 65 px, etc. */
}

/************************** RO REMOVE SPACE IN MODIFY FORM BELOW THE CONFIRM EMAIL BUTTON*/

.custom-form-overlay #modify-form {
    margin-top: 0; /* or reduce as needed */
}


/**************************** LINE HEIGHT IN WIDGETS  ************************/

/* Consistent entry-title spacing for every widget (phones only) */
@media only screen and (max-width: 480px) {   /* 480 px matches the other phone rules */
    .sidebar .widget-wrap .entry-title {
        line-height: 1.1; }  /* adjust 1.08–1.20 until it feels right */

    .related-posts-widget a {
        line-height: 1.15;
        padding-top:5px;
        }

    .sidebar .featured-content .entry-title {
          line-height: 1;
        }
    .sidebar .featured-content .entry-title a{
          line-height: 1;
        }
    .sidebar .featured-content .post-date {
          margin-top: 6px;
        }
}



/**********************************************************************************************/
/********************** 12 may 25 MISC BUG FIXES *********************************************/

/* restore spacing under sidebar widget images on single posts */
.single .sidebar .widget-wrap.featured-content .entry picture,
.single .sidebar .widget-wrap.featured-content .entry picture img {
  /*margin-bottom: 15px; REMOVED FOR LONDON DEVELOPMENT SITES /* or whatever you prefer (e.g. 20px) */
  display: block;       /* ensure it stays block-level */
}


/**REMOVED FOR LONDON DEVELOMENT SITES *****/
/******* hide image in the custom featured post when it collapses to one column */
/*@media only screen and (max-width: 968px) { */
  /* target *only* your Custom Featured Posts widget */
/*  .widget_custom_featured_posts .entry picture,
  .widget_custom_featured_posts .entry img {
    display: none !important;
  }
} */


/* Safari fix: let single-post images grow when the viewport grows */
/* Safari override — force any <picture><img> in content or widgets to grow */
.single .entry-content picture > img,
.single .entry-header  picture > img,
.sidebar .featured-content picture > img {
    width: 100% !important;   /* beats the width="1024" / width="480" attribute */
    height: auto;
}


/* to ensure images have height meta to avoid page speed error about shifts */
.entry-content img,
.wp-block-post-content img { height:auto; } img { height:initial; } /* clears the global rule */


/* to stop the floating on mobiles */
.site-inner {
    overflow: hidden;
  }


/* Hide the “Modify” link everywhere… */
.remove-modify-menu-item {
  display: none !important;
}
/* …except on single-post pages */
.single .remove-modify-menu-item {
  display: inline-block !important;
}


/********************** END OF MISC BUG FIXES *********************************************/




/************************** IMAGE PREVIEW IN THE FORM **********************/

/* make the preview container “invisible” to mouse clicks */
#image-preview,
#new-image-preview,
#current-image {
  pointer-events: none;
}

/* but let the remove button still get clicks */
#image-preview .image-overlay button,
#new-image-preview .image-overlay button,
#current-image  .image-overlay button {
  pointer-events: auto;
}

.image-overlay .close-circle {
  background-color: lightgrey !important;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 20px;
  color: #333;
  border: none;
  cursor: pointer;
}


/* add vertical spacing between each image field */
.custom-form-overlay .image-upload-container .image-field {
  margin-bottom: 0px;
}




/* in the CUSTOM FORM OVERLAY make every preview (main or additional) fill its field */
/*.custom-form-overlay .image-preview img.thumbnail{
    width:100%;
    height:auto;
    display:block;
}*/

/* instead of always forcing every file-input to show */
input[type="file"] {
  display: block;
}


/* Hide the <input type=file> (and its label) when this field already
   contains an image preview.  The .has-image class is added/removed
   by JavaScript – see step 2.                                      */
   /* once an image is in .image-field.has-image we hide its picker+label */
   /* once an image is in .image-field.has-image we hide its picker only */
   .image-field.has-image input[type="file"] {
   display: none;
 }

 /* you can still hide the preview-button label if you like, but not your field label: */
 /* .image-field.has-image .replace-main-label { display: none; } */

 /* leave your field‐labels showing… */
.image-field.has-image label {
  display: block;
}

.image-upload-container .image-field.has-image input[type="file"] {
  display: none !important;
}


/* space in the forms between the image and its label */
/* if you’d rather space the preview instead: */
.image-field .image-preview {
  margin-top: 10px;  /* same idea */
}


/* give the “Main Image” thumbnail a bit of breathing room */
.image-field[data-index="0"] .image-preview {
  margin-bottom: 20px;
}


/* only in the “no image yet” state collapse the gap between file picker and caption */
.image-field:not(.has-image) input[type="file"] {
  margin-bottom: 20px;    /* tighten up the gap below the file‐picker */
}

/* update form - space between Choose file and caption */
.image-field:not(.has-image) .image-caption {
  margin-top: 0px;       /* pull the caption up */
}

/* add 20px below the Main Image picker, not only in the modify form */
.image-upload-container .image-field[data-index="0"] {
  margin-bottom: 20px !important;
}

/* add 20px below the Main Image picker, only in the modify form */
/*#modify-form .image-upload-container .image-field[data-index="0"] {
  margin-bottom: 20px;
}*/

/* tighten up caption-gap only on additional-image fields, not the main image */
/*#modify-form
  .image-field[data-index]:not([data-index="0"]):not(.has-image)
    input[type="file"] {
  margin-bottom: 0px !important;
}
#modify-form
  .image-field[data-index]:not([data-index="0"]):not(.has-image)
    .image-caption {
  margin-top: 0px !important;
}*/


/* hide the caption box until that field has an image */
.custom-form-overlay .image-field:not(.has-image) .image-caption {
  display: none !important;
}
/* once the JS flips on the “has-image” class, show it again */
.custom-form-overlay .image-field.has-image .image-caption {
  display: block !important;
  margin-top: 8px;  /* or whatever gutter you like */
}


/* to remove an error where the update property menu items is not aligned */

@media only screen and (max-width: 960px) {
  .genesis-nav-menu > .menu-item.menu-item-update {
    display: block;
    float: none;
    width: 100%;
    /*margin-top: 10px;*/
  }
}

/********************** END OF IMAGE PREVIEW IN THE FORM *******************************/


/* to remove gapgs below images was 15px */
img.alignnone, .alignnone {
 margin-bottom: 0px;
}

/* under line in site footer when hovered */
.site-footer a:hover {
    text-decoration: underline;
}
/*.grid-item {
  margin-bottom: 19px;
}*/



/**************************** BACKGROUND OF POSTS WITH FINANCE TAG *********************************/

/*
.tag-finance.grid-item {
  background-color: #edd2bb !important;
}
*/

.category-finance.grid-item {
  background-color: #edd2bb !important;
}

/****************************** FOR SALE AND TO LET CATEGORIES *********************/



.grid-item .post-categories a.for-sale-category,
.grid-item .post-categories a.to-let-category {
  color: #E23838; /*RED*/
  font-weight: bold;
  text-transform: uppercase;
}


/************************ STYLE CATEGORIES WITH TAG NAMES eg Finance ******/

.grid-item .post-categories a.finance-tag {
}


/******************** B&W POSTS except FOR SALE AND TO LET **********************************/

/* -------------------------------------------------------------------
   MASONRY GRID – grayscale everything that is NOT “For Sale” or “To Let”
   (adjust slug names if your real slugs differ)
-------------------------------------------------------------------- */
/*.grid-item:not(.category-for-sale):not(.category-to-let) picture > img,
.grid-item:not(.category-for-sale):not(.category-to-let) img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.grid-item:not(.category-for-sale):not(.category-to-let):hover picture > img,
.grid-item:not(.category-for-sale):not(.category-to-let):hover img {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
}
*/

/***************************
  PRICE WIDGET (NO “+”)
***************************/

/* 1) Category line: checkbox + label + £ + input + 2-segment */
.cat-option{
  display:inline-flex;
  align-items:center;
  gap:1rem;          /* space before the £ column */
  line-height:1.05;  /* tight row height */
  flex-wrap:wrap;
}

/* fixed-width label column so the £ signs line up */
.cat-option .cat-label{
  display:inline-block;
  min-width:4rem;
  max-width:4.5rem;
  white-space:nowrap;
}

/* 2) Price widget container */
.inline-price{
  /*display:inline-flex;*/
  align-items:center;
  gap:.25rem;         /* £ ↔ input ↔ toggle */
  flex-wrap:nowrap;
  margin-top:0px;        /* CHANGED: reduce space under the “Price” label */
  margin-bottom: 12px;

}

/* 3) Fixed-width “£” so all rows align */
.inline-price .prefix{
  display:inline-block;
  /*width:1.5rem;*/
  text-align:left;
  font-weight:600;
  line-height:1;
  margin:0
  padding:0;             /* CHANGED: ensure no padding */
}

/* 4) Number input */
.inline-price .price-input{
  width:10ch;        /* “100,000,000” fits */
  max-width:10ch;
  text-align:right;
  padding:0 .25rem;
  margin:0px;
  /*margin:0 0 5px 0; */ /* keep the tiny bottom gap you added */
  /*margin-top: 5px!important;*/
}

/* 5) Two-segment toggle container */
.inline-price .toggle-group{
  display:inline-flex;
  margin-left:0;     /* sits flush after the input */
  border:none;       /* outer frame gone */
}

/* 5a) Individual half-pills – DEFAULT (un-selected)  */
.inline-price .toggle-group .seg{
  flex:0 0 2.5rem;         /* fixed width for both halves */
  display:flex;
  align-items:center;
  justify-content:center;

  font-size:17px;
  line-height:1.85em;
  height:1.85em;
  padding:0 .4rem;

  background:transparent;  /* ← NEW */
  border:none;             /* ← NEW (no outline) */
  color:gray;           /* ← NEW green text */
  font-weight:400;         /* ← NEW normal weight */
  cursor:pointer;
  user-select:none;

  margin-top:0px;
}

/* keep the single divider between halves                             */
/* (0.5 px light-grey line only on the right of the left-hand button) */
.inline-price .toggle-group .seg + .seg{
  border-left:1px solid gray;
  border-radius:0px;

  height: 17px; /* for shoter bar */
  margin-top  : 7px; /*for shorter bar */
}

/* 5b) ACTIVE state – selected half-pill */
.inline-price .toggle-group .seg.active{
  background:transparent;  /* still transparent */
  /*border:none;  */           /* no outline */
  color:#333;              /* dark text */
  font-weight:700;         /* bold */
}


/*** need to reduce space between the catefory price fields */
.custom-form-overlay #categories label {
  margin-bottom: -5px;
}


/******** to blank out the fh/lh and pw/pcm *********/

/* NEW – keep price row hidden until JS shows it */
.cat-option .inline-price{
    display:none;          /* blank row by default            */
}

/********* category price suffix ********************/

.price-suffix { color:gray; font-weight:400; /*font-size: 16px*/}

/*********************** END OF REGISTER A PROPERTY CSS ********************************/







/***********************************************************************************************/
/*********************** FOR LONDON DEVELOPMENT SITES but will work with RAP *******************/
/***********************************************************************************************/



/********************** CHANGE STYLING FOR THE AUCTION POSTS IN THE ISOTOPE PAGE ***************/

/* AUCTION cards — spacing + hover fix */
.grid .category-auction.grid-item {
  padding: 0 10px 10px;         /* left/right gutter for all inner content */
}

/* Neutralise the old per-element 10px padding so it doesn’t double up */
.grid .category-auction.grid-item .entry-title,
.grid .category-auction.grid-item .post-categories,
.grid .category-auction.grid-item p {
  padding-left: 0;
  padding-right: 0;
}

/* Keep auction title colour on hover (already working, included for completeness) */
.grid .category-auction.grid-item .entry-title a:hover,
.grid .category-auction.grid-item .entry-title a:focus {
  color: #fff;
}

/* Make the “Read more” go white on hover — override the global !important */
.grid .category-auction.grid-item .post-content a.read-more-link:hover,
.grid .category-auction.grid-item a.read-more-link:hover,
.grid .category-auction.grid-item .post-content a.more-link:hover {
  color: #fff !important;
}

/* Isotope grid: AUCTION – category spacing + tighter side padding */
.grid .category-auction.grid-item .post-categories {
  margin-top: 12px;                 /* add space above the “Auction” category */
}

.grid .category-auction.grid-item .post-categories a {
  padding-left: 0px;               /* was 10px */
  padding-right: 0px;
}


/* Isotope grid: auction cards – first sentence should NOT be bold */
.grid .category-auction.grid-item .post-content > strong:first-child {
  font-weight: 400 !important;   /* or 'normal' */
}


/* === SINGLE posts — AUCTION only: restore real paragraphs === */
/* Your theme sets single paragraphs inline; undo that only for auction. */
.single .post.category-auction .entry-content p,
.single .category-auction .post-content p {
  display: block;
  margin: 0 0 18px;
  font-weight: 400;
}

.grid .category-auction.grid-item .post-content p {
  padding: 0;              /* kill vertical padding */
}


/* Put “More” on the same line as the last paragraph (AUCTION on grid) */
.grid .category-auction.grid-item .post-content p:last-of-type {
  display: inline;
  margin: 0;              /* kill bottom gap so it doesn’t wrap */
  padding-right: 0;
}

.grid .category-auction.grid-item .post-content a.read-more-link {
  display: inline !important;     /* override any earlier block rule */
  /*margin-left: 6px !important; */   /* small space before “More” */
  white-space: nowrap;
}

/* Grid — AUCTION: description links same colour as body text */
.grid .category-auction.grid-item .post-content p a {
  color: inherit !important;      /* becomes #F7F7F7 via the card */
}






/***********************************************************************************************/
/******************* FOR LONDON DEVELOPMENT SITES but will NOT work with RAP *******************/
/***********************************************************************************************/

/*add space in the singles page below the image and betwee paragraphs */
.single .content p {
  margin-bottom: 15px;
}


/* for the side widget - may need to remove if using other widgets */
.sidebar .featured-content .entry {
  /*margin-top: -25px; Removed for LONDON DEVELOPMENT SITES */
}


.sidebar .featured-content img {
  padding-bottom: 10px;
}


/* not sure why the logo was right at the top - but this solves it */
.custom-logo{
  margin-top:8px;
}






/*FIX FOR EXTRA ADDED SPACE BELOW THE LOGO **/

/* 1) Keep the header band consistent and center contents */
@media (max-width: 1200px){

  /* 2) The culprit: trim hamburger’s vertical padding */
  .menu-toggle{

    padding-top: 10px;
    padding-bottom: 0px;         /* remove 15px top/bottom */

  }

  .custom-logo{
    margin-top: 8px;
    margin-bottom: 9px;
  }
}