/*
Theme Name:OPPMP
Description:OPPMP Child Theme
Author:Silky Ocean Studios
Author URI:http://www.silkyoceanstudios.com
Template:twentytwentyone
Version:0.6.1
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:#000; font-weight:400; font-family:"Inter", sans-serif; line-height:1.5; position:relative; overflow-x:hidden; }
input,
button,
textarea { font-family:"Inter", sans-serif; font-size:1rem; }
select { font-family:"Inter", sans-serif;font-size:0.938rem; }
a { color:#d93a93; 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 }
::marker { color: #d93a93; font-size: 1.5rem;}

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


ol, ul {text-align: left;}

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:"Lora", 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:1rem; }
.h1, h1 { font-size:2rem; margin-bottom:1rem !important; }
.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; font-weight:400;}

@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:2rem; }
    .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:2.200rem; }
    .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:2.2rem; }
    .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; }
    p.lead { font-size:1.25rem; }
}

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

h1.entry-title { font-size: 3rem; color: #000;}

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

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

.box-border { box-shadow: -1px -1px 5px 0px #463b8138; border-radius: 30px; background:#fbf4f4!important; border-top-right-radius: 30px; }
.box-border img {  border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius:30px; border-top-left-radius:30px; object-fit:cover; height:100%;}

.full-img img { border-radius: 30px;}

.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; background: #fbf4f4;}
.navbar{ padding:1rem 0;}
.navbar-brand { width:280px; color:#000; font-weight:800; font-family:"Inter", sans-serif; white-space: pre-wrap;}
.navbar-brand:focus, .navbar-brand:hover { color: #3b3b3b;}
.navbar-expand-lg .navbar-nav .nav-link { color:#000; 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; }

.navbar-toggler-icon {background:url(/wp-content/uploads/2026/06/burger-toggle.svg) 50% 50% no-repeat;}

a.nav-link.btn.btn-outline-primary { color: #000;  border: 1px solid #d93a93;  padding: 0.5rem 1.75rem;  width: max-content;}
a.nav-link.btn.btn-outline-primary:hover { color: #fff !important;  border: 1px solid #d93a93; background:#d93a93; }

.top-header { background-color: #012138;}
.top-header a span { font-size: 0.813rem; font-weight: 600; text-transform: uppercase;  letter-spacing: 1px;  padding: 0 1rem;}

.footer .navbar-brand { width:100%; display:inline-flex;justify-content: center; }
.footer .butterfly-logo {  padding-left: 0.5rem;}
.footer {background: #fbf4f4;}

@media (min-width:992px) {
    .navbar-brand { width:100%; font-size:1.65rem;}
    .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:#d93a93 !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; }

span.wpcf7-form-control.wpcf7-checkbox { display: flex; flex-flow: wrap; justify-content: center;}
.wpcf7-list-item { display: inline-block; margin: 0 1.5rem; text-transform: capitalize; padding: 0.2rem 0;}
.wpcf7-acceptance span.wpcf7-list-item { text-transform: none;}

.navbar-toggler {border: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; }

@media screen and (min-width:992px){
	.bg-light.harpenden-nav-bar { position: sticky; top: 10%; z-index: 4;}
}

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

.footer .navbar-brand .h2 { font-family: 'Inter', sans-serif;}

/* Blog */

.blog-post div { border-radius: 15px;}
span.byline, .post-taxonomies, .posted-by { display: none;}
.blog-post-thumb img {  width: 100%;  border-radius: 10px;  height: 300px; object-fit: cover;}
figure.post-thumbnail img { border-radius: 15px;  width: 100% !important;  max-width: 100% !important;  height: 400px !important;  object-fit: cover;}
.wp-block-image img {  width: 100%;}
a.more-link { display:none; }
nav.navigation.post-navigation { display: none;}
.nav-links { display: flex;  justify-content: space-between;  align-items: center;  width: 100%;}
span.meta-nav {  display: block;}

@media screen and (min-width:992px){
	.blog-post-thumb img { height: 500px;}
}

/*BUTTONS*/
.btn, .property_actions a { font-size:0.75rem; font-weight:600; letter-spacing:0.063rem; padding:0.6rem 1.5rem; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; text-transform:uppercase; }
.btn-lg { padding:1.500rem; }
.btn-primary { background:#d93a93 !important; border:1px solid #d93a93 !important; border-radius:0; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background:#a33ac5 !important; border-color:#a33ac5 !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-primary { --bs-btn-color: #d93a93; --bs-btn-border-color: #d93a93; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #d93a93; --bs-btn-hover-border-color: #d93a93; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #d93a93; --bs-btn-active-border-color: #d93a93; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);  --bs-btn-disabled-color: #d93a93;  --bs-btn-disabled-bg: transparent;  --bs-btn-disabled-border-color: #d93a93;  --bs-gradient: none;}

.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:focus { background:#d93a93 !important; border-color:#d93a93 !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:#fbf4f4!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; display: flex; flex-flow: column;  align-items: center;  justify-content: space-evenly; }
.hero,
.hero .hero-bg .hero-bg-image { min-height:28vh; }
.hero.hero-secondary,
.hero.hero-secondary .hero-bg .hero-bg-image { min-height:240px; }

.hero.hero-home { background:#d93a93; background-size:cover;}
.hero.hero-location { background:#d93a93; background-size:cover; }
.hero.hero-about { background:#d93a93; background-size:cover; }
.hero.hero-faq { background:#d93a93; background-size:cover; }
.hero.hero-booking {  background:#d93a93; background-size:cover;}

.hero.hero-home hr {margin:1rem 0;}

.hero.hero-sm { min-height:14vh; }

.hero .hero-bg { order:1; z-index:2; width:100%; height:100%; }
.hero h1, .hero p {  color: #000; margin-bottom:0 !important;}
.hero .hero-content {z-index: 4;  position: absolute; width: 100%;  max-width: 991px; padding:0 1rem; }

.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; }


@media (min-width:991px) {
    .hero,
    .hero .hero-bg .hero-bg-image { min-height:30vh; }
    .hero.hero-secondary,
    .hero.hero-secondary .hero-bg .hero-bg-image { min-height:400px; }
	.hero.hero-home .hero-content {margin-top: 0rem;}
	.hero.hero-sm { min-height:20vh; }

}

@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; }


/* 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:none;     border-bottom: 1px solid #d93a93;}
.accordion-button { font-size:1.2rem; padding:1rem 0; }
.accordion-body { padding:1.5rem 0; }
.accordion-button { font-size: 1.1rem; font-weight: 600; padding: 1rem 0.5rem;}
.accordion-button:focus {  z-index: 3; outline: 0;  box-shadow: 0 0 0 0.25rem rgb(217 58 147 / 25%);}
.accordion-button:not(.collapsed) { color: #000;}

/* Maps */

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

/* Cookie Policy */

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


.btn.btn-link.mb-4 { color: #032f4f; text-decoration: none; /* border-bottom: 1px solid #032f4f; */ padding: 0.5rem 0; margin: 0 0.5rem; font-weight: bold; font-size:0.845rem;}
.btn.btn-link:hover {  color: #d9904e;  border-bottom: 1px solid #d9904e;}

.slick-prev { left: 10px;}
.slick-next { right: 10px;}
.slick-next, .slick-prev {z-index:9;}

/* Boxes */

.box-bg { border-bottom: 2px solid #F8229A; padding: 2rem 1rem;  text-align: center;  background: #fff;  height: 100%; display: block; }
.box-bg.purple-bg { border-bottom: 2px solid #a33ac5;}
.box-bg h4, .box-bg p  {  margin: 0;}