/*
Theme Name:Tuckfield Estates
Description:Tuckfield Estates Child Theme
Author:Silky Ocean Studios
Author URI:http://www.silkyoceanstudios.com
Template:twentytwentyone
Version:1.3.2
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Text meant only for screen readers. */
.screen-reader-text { clip:rect(1px, 1px, 1px, 1px); height:1px; overflow:hidden; position:absolute !important; width:1px; word-wrap:normal !important; }
.screen-reader-text:focus { background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); clip:auto !important; color:#21759b; display:block; font-size:0.875rem; font-size:14px; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; -webkit-border-radius:3px; -webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); width:auto; z-index:100000; }


body { background:#fff !important; color:#333333; font-family:'Open Sans', Arial, sans-serif; line-height:1.5; position:relative; overflow-x:hidden; }
input,
button,
textarea { font-family:'Open Sans', Arial, sans-serif; font-size:1rem; }
select { font-family:'Open Sans', Arial, sans-serif; font-size:0.938rem; }
a { color:#d9904e; text-decoration:none; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; }
a:hover { color:#d2a175; text-decoration:none; }
.list li { margin-bottom:1rem }

.dropdown-item, .dropdown-item { color:#333333 !important; }
.dropdown-item:focus, .dropdown-item:hover { color:#d9904e !important; }


hr { background-color:#d9904e; width:20%; height:0.3rem; margin:1rem auto; border:0; opacity:1; display:flex; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom:1.5rem; font-family:'Hind', sans-serif; font-weight:600; }
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, h1 a, h2 a, h3 a, h4 a, h5 a { color:inherit !important; }
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration:none !important; }
.body-content p + h2, .body-content p + h3, .body-content p + h4, .body-content p + h5 { margin-top:3rem; }
.h1, h1 { font-size:2rem; }
.h2, h2 { font-size:1.438rem; }
.h3, h3 { font-size:1.313em; }
.h4, h4 { font-size:1.250rem; }
.h5, h5 { font-size:1.188rem; }
.h6, h6 { font-size:1.125rem; }

p.lead { font-size:1rem; }

@media (min-width:576px) {
    .h1, h1 { font-size:2rem; }
    .h2, h2 { font-size:1.563rem; }
    .h3, h3 { font-size:1.438rem; }
    .h4, h4 { font-size:1.250rem; }
    .h5, h5 { font-size:1.188rem; }
    .h6, h6 { font-size:1.125rem; }
}

@media (min-width:768px) {
    .h1, h1 { font-size:2.500rem; }
    .h2, h2 { font-size:1.688rem; }
    .h3, h3 { font-size:1.500rem; }
    .h4, h4 { font-size:1.250rem; }
    .h5, h5 { font-size:1.188rem; }
    .h6, h6 { font-size:1.125rem; }
}

@media (min-width:992px) {
    .h1, h1 { font-size:3.000rem; }
    .h2, h2 { font-size:1.875rem; }
    .h3, h3 { font-size:1.500rem; }
    .h4, h4 { font-size:1.313rem; }
    .h5, h5 { font-size:1.188rem; }
    .h6, h6 { font-size:1.125rem; }
}

@media (min-width:1200px) {
    .h1, h1 { font-size:3.5rem; }
    .h2, h2 { font-size:2.000rem; }
    .h3, h3 { font-size:1.500rem; }
    .h4, h4 { font-size:1.313rem; }
    .h5, h5 { font-size:1.188rem; }
    .h6, h6 { font-size:1.125rem; }
    p.lead { font-size:1.25rem; }
}

p { margin-top:0; margin-bottom:1.5rem; }
i.fa { color:#d9904e; }

.text-blue { color:#032f4f; }

.bg-light .cta { font-family:'Hind', sans-serif; font-weight:400; line-height:1.5; }

.hero
.hero .h1 { position:relative; opacity:0; transform:translateY(-20px); transition:transform 600ms ease-in-out, opacity 600ms ease-in-out; -webkit-transition-delay:.1s; transition-delay:.1s }

h6.subheading { text-transform:uppercase; font-size:0.8rem; letter-spacing:1px; position:relative; }
h6.subheading:after { content:""; position:absolute; width:100px; background:#d9904e; height:0.3rem; display:inline-block; margin:0.2rem 0.4rem; }

/***** CUSTOM STYLES *****/
img { display:inline-block; max-width:100%; height:auto; }
blockquote { padding:0; font-style:italic }

/*Header*/
.header { -webkit-transition:all 300ms ease-in-out 0s; transition:all 300ms ease-in-out 0s; }
.navbar-brand { width:100px }
.navbar-expand-lg .navbar-nav .nav-link { color:#f6f5f3; font-size:0.813rem; font-weight:600; text-transform:uppercase; letter-spacing:1px; padding:1rem 1rem; }
.navbar .btn { color:rgba(255,255,255,1); }
.navbar .btn:hover { color:rgba(255,255,255,.75); }
.dropdown-menu { min-width:14rem; box-shadow:0 4px 14px rgba(0,0,0,0.2); border:none; border-radius:0; margin:0; }
.dropdown-item { font-size:0.813rem; color:#d9904e; text-transform:uppercase; font-weight:700; padding:.75rem 1.5rem; }


.footer .navbar-brand { width:180px; display:inline-flex; }

@media (min-width:992px) {
    .navbar-brand { width:200px; }
    .navbar-expand-lg .navbar-nav .nav-link { padding-right:.75rem; padding-left:.75rem; }
}

.navbar-btn { margin:0; }
.navbar-nav > li > a, .navbar-nav .fa { color:#ffffff; }
.navbar-nav > li > a:hover { color:#d9904e !important; background:transparent; }

.navbar-dark .navbar-toggler { color:rgba(255,255,255,.5); border-color:transparent; }

.dropdown-toggle::after { box-sizing:border-box; height:6px; width:6px; border-style:solid; border-color:#fff; border-width:0px 1px 1px 0px; transform:rotate(45deg); transition:border-width 150ms ease-in-out; }
.dropdown:hover > .dropdown-menu { display:block; }

.form-control { border-radius:0; }

/* Services Nav */

ul.services-nav.nav a.nav-link { font-size:0.8rem; }
ul.services-nav.nav { text-align:center; display:flex; flex-flow:row; justify-content:center; text-transform:uppercase; letter-spacing:1.2px; font-weight:600; }
.services-nav a.nav-link.disabled { color:#ccc; }
.services-nav a.nav-link { padding:0.5rem 0; color:#d9904e; text-align:center; }
.services-nav li.nav-item a:after { content:"|"; position:relative; display:inline-flex; padding:0 0.5rem; color:#ccc; text-align:center; }
.services-nav li:nth-child(3).nav-item a:after { content:""; color:transparent; }


/*Footer*/
footer, footer a { color:#f6f5f3; font-size:0.938em; }
footer a:hover { color:#cccccc; }
.footer h4 { margin-bottom:1rem; }
.lower-footer { background:#1e2436; color:#fff; }

/* Blog */
a.more-link { display:none; }
nav.navigation.post-navigation { display:none; }

/*BUTTONS*/
.btn, .property_actions a { font-size:0.875rem; font-weight:600; letter-spacing:0.063rem; padding:1rem 1.5rem; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; text-transform:uppercase; }
.btn-lg { padding:1.500rem; }
.btn-primary { background:#d9904e !important; border:1px solid #d9904e !important; border-radius:0; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background:#e3c68e !important; border-color:#e3c68e !important; }
.btn-default { background:transparent; border:1px solid #fff; color:#ffffff; }
.btn-default:hover, .btn-default:active, .btn-default:focus { background:#ffffff; border-color:#ffffff; color:#202020; }
.btn-secondary { background:#e3c68e; border-color:#e3c68e; }
.btn-secondary:hover { background:#d9904e; border-color:#d9904e; }

.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:focus { background:#d9904e !important; border-color:#d9904e !important; color:#fff; }


.bg-darkblue { background:#032f4f; color:#fff; }
.bg-darkblue * { color:#fff; }

/*#1C3660*/
.bg-lightblue { background:#286090; }
.bg-white { background:#ffffff; }
.bg-light { background:#f6f4f1!important; }

.brand-white { background-color:#ffffff; border:1px solid #e3e3e2; padding:20px 10px; }
.brand-blue { background-color:#1C3660; color:#ffffff; padding:20px 10px; }
/*#1a3763*/
.brand-grey { background-color:#292e31; color:#ffffff; padding:20px 10px; }
.brand-yellow { background-color:#e3c68e; color:#ffffff; padding:20px 10px; }

.logo { background-position:50% 50%; background-repeat:no-repeat; background-size:100%; display:inline-block; height:50px; margin:0 20px 0 0; overflow:hidden; text-indent:100%; white-space:nowrap; }
.logo.rightmove { width:167px; background-image:url(/wp-content/uploads/2021/01/rightmove.png) }
.logo.zoopla { width:109px; background-image:url(/wp-content/uploads/2021/01/zoopla.png) }
.logo.prime-location { width:176px; background-image:url(/wp-content/uploads/2021/01/prime-location.png) }



/*HERO BG*/
.hero { position:relative; overflow:hidden; }
.hero,
.hero .hero-bg .hero-bg-image { min-height:420px; }
.hero.hero-secondary,
.hero.hero-secondary .hero-bg .hero-bg-image { min-height:240px; }

.hero.hero-services { background:url(/wp-content/uploads/2024/05/img.jpg) 50% 50% no-repeat; background-size:cover; }
.hero.hero-about { background:url(/wp-content/uploads/2024/05/img.jpg) 50% 50% no-repeat; background-size:cover; }
.hero.hero-contact { background:url(/wp-content/uploads/2024/05/img4.jpg) 50% 50% no-repeat; background-size:cover; }
.hero.hero-showings { background:url(/wp-content/uploads/2024/05/IMG_3898_edited-1.jpg) 50% 50% no-repeat; background-size:cover; }
.hero.hero-sales { background:url(/wp-content/uploads/2024/05/IMG_3906_edited.jpg) 50% 50% no-repeat; background-size:cover; }
.hero.hero-appraisals { background:url(/wp-content/uploads/2024/05/k70.jpg) 50% 50% no-repeat; background-size:cover; }
.hero.hero-services { background:url(/wp-content/uploads/2024/05/img3.jpg) 50% 50% no-repeat; background-size:cover; }
.hero.hero-legal { background:url(/wp-content/uploads/2024/05/img.jpg) 50% 50% no-repeat; background-size:cover; }

.hero.hero-sm { min-height:300px; }

.hero .hero-bg { order:1; z-index:2; width:100%; height:100%; }
.hero .hero-content { z-index:4; position:relative; color:#fff; width:100%; max-width:991px; padding:0 1.5rem; }
.hero .hero-bg .hero-bg-image { z-index:2; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
.hero .hero-bg .hero-bg-image.hero-bg-image-xs img { object-fit:cover; width:auto; height:100%; }
.hero .hero-bg .hero-bg-image.hero-bg-image-sm img { object-fit:cover; width:auto; height:100%; }
.hero .hero-bg .hero-bg-image.hero-bg-image-md img { object-fit:cover; width:auto; height:100%; }
.hero .hero-bg .hero-bg-image.hero-bg-image-lg img { object-fit:cover; width:100%; height:auto; }
.hero:after, .hero-secondary:after { content:""; display:block; background:rgba(71,79,87,0.4); width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; }

@media (min-width:991px) {
    .hero,
    .hero .hero-bg .hero-bg-image { min-height:680px; }
    .hero.hero-secondary,
    .hero.hero-secondary .hero-bg .hero-bg-image { min-height:400px; }
}

@media (max-width:767px) {
    footer .social li { border:none !important; display:inline-block; margin-right:0; }
    footer .social i { line-height:40px; }
}


.svg-icon { width:1.250rem; height:1.250rem; }
.svg-icon.icon-lg { width:1.750rem; height:1.750rem; }
.svg-icon path, .svg-icon polygon, .svg-icon rect { fill:#444; }
.svg-icon circle { stroke:#444; stroke-width:1; }

.footer .svg-icon path, .footer .svg-icon polygon, .footer .svg-icon rect { fill:#fff; }
.footer .svg-icon circle { stroke:#fff; }
.text-muted { --bs-text-opacity:1; color:rgb(33 85 123) !important; }

.image-block-link { display:block; position:relative; }
.image-block-link img { position:relative; z-index:1; }
.image-block-link:after { content:""; display:block; background:rgba(71,79,87,0.5); background:linear-gradient(180deg, transparent, rgba(71,79,87,0.6) 100%); width:100%; height:40%; position:absolute; bottom:0; z-index:2; }
.image-block-link h2, .image-block-link h3 { position:absolute; z-index:3; bottom:1rem; left:1rem; color:#fff; }

body:not(.page-id-139) .grecaptcha-badge { display:none; }

/* Service blocks */

.services-content-block { padding:1rem; z-index:2; position:relative; display:inline-flex; flex-flow:column; justify-content:space-around; }

.services-1, .services-2, .services-3 { height:100%; width:100%; display:flex; align-items:end; position:relative; min-height:470px; border:0.5rem solid #fff; }
.services-1 { background:url(/wp-content/uploads/2024/05/img3.jpg) 50% 50% no-repeat; background-size:cover; }
.services-2 { background:url(/wp-content/uploads/2024/05/img.jpg) 50% 50% no-repeat; background-size:cover; }
.services-3 { background:url(/wp-content/uploads/2024/05/img-2.jpg) 50% 50% no-repeat; background-size:cover; }
.services-1:before, .services-2:before, .services-3:before { content:""; background:#00000078; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:5px; z-index:0; }

.number-point.h2.text-center { background:#d9904e; border-radius:50%; width:50px; height:50px; display:flex; flex-flow:column; justify-content:center; align-items:center; margin:0.5rem auto 1rem; color:#fff; }

/* Image Borders */

.border-white { border:0.5rem solid #fff; }
.border-light { border:0.6rem solid #f6f4f1!important; }

/* Accordion */

.accordion-button:not(.collapsed) { background-color:transparent; }
.accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius:0; border-top-right-radius:0; }
.accordion-item { color:#212529; background-color:transparent; border:0; }
.accordion-button { background-color:transparent; box-shadow:inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }
.accordion-button { font-size:1.2rem; padding:1rem 0; }
.accordion-body { padding:1.5rem 0; }

/* Video */
.video-home { }
video#myvideo { object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

.embed-responsive-16by9::before { padding-top:178.25%; }

@media screen and (min-width:768px) {
    .embed-responsive-16by9::before { padding-top:56.25%; }
}

/* Maps */

.gm-style .place-card-large { display:none !important; }

/* Cookie Policy */

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    display: none;
}

/* Floating CTA */

.floating-cta { position: fixed; bottom: 0; right: 0; width: 50px; height: 50px; background: #011f35; color: #fff; border-radius: 50px; text-align: center; margin-bottom: 0; vertical-align: middle;   display: flex;  flex-flow: column;  align-items: center;  justify-content: center;  margin: 2rem;  outline-offset: -5px;  outline: 1px solid #ffffff;}