/*
 Theme Name:   Peterkins
 Theme URI:    https://generatepress.com
 Description:  Peterkins child theme.
 Author:       Supportedwp
 Template:     generatepress
 Version:      0.1
*/


body {
		min-width: 320px;
}

form.post-password-form {
	    display: flex;
    flex-direction: column;
    width: fit-content;
    min-height: 50vh;
    align-content: center;
    justify-content: center;
    margin: 0 auto;
}


/* Mobile close icon disapering bug fix */
@media screen and (max-width: 991px) {
	body {
		overflow-x: hidden;
	}

.cta-contact {
	color: white !important;
}

.cta-contact .gb-icon {
	color: var(--peterkins-green);
}
}

* {
/* 	outline: 1px solid red; */
}
.site-main {
	margin-top: 76px !important;
}

.site-main>* {
	margin-bottom: 0!important;
}

.container.grid-container {
/* 	overflow-x: hidden; */
}

select {
	 appearance: none; /* Removes default styling */
  -webkit-appearance: none; /* iOS specific */
  -moz-appearance: none; /* Firefox */
}

.featured-carousel-container {
	overflow-x: hidden;
}

.sticky-content {
    position: sticky;
	position: -webkit-sticky;
    top: 160px;
}


/* Menu touchscreen tap bug fix */

.hide-mega-menu:not(.mega-menu-full):hover a{
color: white !important	
}

.hide-mega-menu:not(.mega-menu-full) .sub-menu{
	display: none !important;
}


.hide-mega-menu:not(.mega-menu-full) .gp-icon.icon-arrow svg {
    transition: transform .3s ease 0s;
}


.hide-mega-menu:not(.mega-menu-full) .gp-icon.icon-arrow svg {
    transform: rotate(0deg)!important;
}
/*  */
#container {
max-width: 1280px;
}

@media screen and (min-width: 769px) {
.post-type-archive-property .site-content,
.single-property .site-content{
padding: 142px 36px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.post-type-archive-property .site-content,
.single-property .site-content{
padding: 112px 32px 64px;
}
}

@media screen and (max-width: 768px) {
		.post-type-archive-property .site-content,
	.single-property .site-content
{
padding: 112px 16px 64px;
}
	
	.single-property-content .property_meta {
		padding: 10px 0px !important;
	}
}



.text-link-arrow .gb-icon {
	order: 4;
	
}

.text-link-arrow.arrow-left .gb-icon {
	order: 0;
}

.text-link-arrow:hover .gb-icon svg,
.text-link-arrow:hover a {
	color: var(--peterkins-green-dark);

}

.text-link-arrow:hover .gb-icon svg {
	transform: translateX(-10px);
	transition: all .3s ease-in-out;
}
.text-link-arrow .gb-icon svg {
	transition: all .3s ease-in-out;
}
/* 
.text-link-arrow .gb-icon svg {
	width: 20px;
	height: 20px;
} */

@media screen and (max-width: 991px) {
	.hide-on-breakpoint {
	display: none!important;
}
	
	.main-navigation.toggled .main-nav .menu-sub-label {
		margin-bottom: 0 !important;
	}
}

/** Main Nav **/
.site-header {
	position: fixed;
	left: 0;
	right: 0;
/* 	top:0; */
	padding: 0 36px;
	z-index: 9999;
	min-height: 60px;
	
}

li.btn-contact,
.site-header .site-logo {
	z-index: 999999;
}

.site-header .header-image {
	max-width: 178px;
	width: 100%;
	height: 49px;
}

@media screen and (max-width: 991px) {
	.site-header .header-image {
	height: 75px !important;
		padding-left: 0px !important;
		margin-left: 0 !important;
}
}

@media screen and (max-width: 768px) {
	.site-header .header-image {
		padding-left: 16px !important;
}
}

.downloads-nav {
	margin-right: 32px;
}

.btn-contact a {
	background-color: var(--peterkins-green);
    border-radius: .5rem;
    border: 1px solid var(--black);
    color: #ffffff;
    display: inline-flex;
    padding: 10px 18px !important;
    transition: all 0.3s ease 0s;
	
}

.btn-contact a:hover {
    background-color: var(--black);
    color: #ffffff !important;
}

li.btn-contact:hover {
	color: #ffffff !important;
}

.main-navigation .main-nav ul li a {
	font-size: 1rem;
	font-weight: 600;
	transition: all 0.3s ease 0s;
	line-height: 1.5 !important;
	padding: 0 15px;
}

.menu-item-has-children .dropdown-menu-toggle {
	padding-left: 6px;
}

.main-navigation .main-nav ul li .gp-icon svg {
	height: 20px;
	width: 20px;
	    top: 0.25em;
}

.main-navigation .main-nav .menu-item-has-children {
cursor: pointer;
}

.mega-menu-full .gp-icon.icon-arrow svg {
	       transition: transform .3s ease 0s;
}

.mega-menu-full:hover .gp-icon.icon-arrow svg {
	transform: rotate(180deg);
}


/* Sub Menu Icon */
.sub-menu-icon {
	padding-left: 40px;
}
.sub-menu-icon a:before {
	    position: absolute;
    top: 0;
	bottom: 0;
    left: 5px;
	height:30px;
  width:30px;
	background-size: 100%;
	  background-repeat: no-repeat;
	margin: auto 0;
}

.sub-menu-icon-1 a:before,
.sub-menu-icon-2 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-1-2-1.svg);


}

.sub-menu-icon-3 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-3.svg);
}

.sub-menu-icon-4 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-4.svg);
}

.sub-menu-icon-5 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-5.svg);
}

.sub-menu-icon-6 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-6.svg);
}

.sub-menu-icon-7 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-7.svg);
}

.sub-menu-icon-8 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-8.svg);
}

.sub-menu-icon-9 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-9.svg);
}
.sub-menu-icon-10 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-10.svg);
}

.sub-menu-icon-11 a:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/06/menu-icon-11.svg);
}

/* Transition */
.menu-sub-item.sub-menu-icon,
.menu-item,
.text-link-arrow {
	transition: all .1s ease-in-out .05s;
}

@media screen and (min-width: 992px) {
	nav .main-nav .mega-menu-full ul .sub-menu {
		margin-left: -20px;
		padding-left: 20px;
	}
	
	.main-navigation:not(.toggled) ul .mega-menu-full:hover>.sub-menu {
		padding-left: 32px;
		padding-right: 32px;
	}
	
	.menu-sub-item.sub-menu-icon {
		margin-right: 20px;
		border-radius: .5rem;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 8px;
	}
	.menu-sub-item.sub-menu-icon:hover {
		background-color: rgba(136, 187, 95, 0.25);		
	}
}

.menu-sub-item.sub-menu-icon.current_page_item {
	background-color: rgba(136, 187, 95, 0.25);	
	margin-right: 20px;
		border-radius: .5rem;
		padding-top: 10px;
		padding-bottom: 10px;
}
/*  */

/* Mega Menu - Full Width */



.main-navigation.toggled .main-nav ul ul {
	border-bottom: unset !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
	color: white;
}

/* Change to mobile breakpoint */
@media screen and (min-width: 991px) {
	/* Sub menu */
	.main-navigation:not(.toggled) ul .mega-menu-full:hover>.sub-menu,
.main-navigation:not(.toggled) ul li.sfHover>ul:not(.menu-sub-label ul) {
	background-color: var(--white);
	border-top: 28px solid var(--peterkins-green);
	padding-top: 24px;
	padding-bottom: 24px;
	column-gap: 36px;
	border-bottom: 1px solid white;
	box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);
}

.main-navigation:not(.toggled) ul li.sfHover>ul:not(.menu-sub-label ul) {
	padding-left: 36px;
	padding-right: 36px;
}

.menu-sub-item a {
	padding-left: 12px !important;	
}
.menu-sub-label:nth-child(even) {
	padding-right: 24px;
}
.menu-sub-label:nth-child(odd) {
	border-right: 1px solid var(--peterkins-green);
}

/*  */

    .site-header .inside-navigation.grid-container {
        position: static;
    }
    nav .main-nav .mega-menu-full {
        position: static;
    }
	
	
	nav .main-nav .mega-menu-full > ul {
		  justify-content: center;
	}
}
	 

    nav .main-nav .mega-menu-full > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
/*         flex-wrap: wrap; */
		  
    }

    nav .main-nav .mega-menu-full>ul>li {
        display: flex;
		flex-direction: column;
        width: 25%;
        vertical-align: top;
		max-width: 290px;
    }

    nav .main-nav .mega-menu-full.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu-full.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu-full.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu-full > ul > li:hover > a,
    nav .main-nav .mega-menu-full > ul > li:focus > a,
    nav .main-nav .mega-menu-full > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu-full ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu-full ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu-full ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu-full .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }

nav .main-nav .mega-menu-full > ul > li > a {
	color: var(--peterkins-green);
    letter-spacing: normal;
    margin-top: 0;
    margin-bottom: .25rem;
    padding-left: .75rem;
    font-size: 1rem;
    font-weight: 600;
}

.main-navigation .main-nav ul .menu-sub-label:not([class*="current-menu-"]):hover > a {
	color: var(--peterkins-green) !important;
}

.menu-sub-item a {
	color: var(--black) !important;
}


nav .main-nav .mega-menu-full > ul > li[class*="current-"] > a {
	color: var(--peterkins-green);
}


/* Tablet Menu */
@media screen and (max-width: 991px) {
	.site-header {
		padding: 0;
	}	
	
	.has-inline-mobile-toggle .inside-header {
		padding: 0 !important;
	}
	
	.site-header .header-image {
		padding: 12.2px 0;
		max-width: 173px;
	}

	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation.toggled {
		background-color: #ffffff00;
		margin: 0!important;
		min-height:100vh;
		max-height: 100vh;
		overflow: auto;
	}
	
	.main-navigation .main-nav>ul {
		padding-top: 24px !important;
		padding-bottom: 134px !important;
	}
	
	
	.main-navigation .main-nav .btn-contact {
		margin-top: 24px;
	}
	
	.main-navigation .main-nav ul li a {
		color: var(--black);
		padding: 0;
	}
	
	.btn-contact a {
		width: 100%;
    justify-content: center;
    color: var(--white) !important;
	}
	
	.main-navigation .main-nav ul li .gp-icon svg {
		top: 0 !important;
	}
	
	.main-navigation .gp-icon.icon-menu-bars svg {
    height: 2em;
    width: 2em;
    top: .655em;
	}
	
			.main-nav .mega-menu-full > ul {
		 display: grid !important;
		grid-template-columns: 1fr;
	}
	
	.menu-item-193 {
		margin-top: 12px !important;
	}
	
	.main-navigation .menu-item-has-children .dropdown-menu-toggle {
    float: right;

            position: absolute;
        width: 100%;
        /* right: 0; */
        left: 0;
        text-align: end;
		cursor: pointer;
		padding-right: 0 !important;
}
}
/* Change max to mobile break point */
@media screen and (min-width: 769px) and (max-width: 991px) {
	.site-header .site-logo, 
	.main-navigation button.menu-toggle, 
	.toggled .menu-item-has-children .dropdown-menu-toggle, 
	.main-navigation .main-nav>ul {
		padding: 0 32px;
	}
	
		/* 	Mega menu */	
	nav .main-nav .mega-menu-full>ul>li {
		width: 100% !important;
/* 		display: block !important; */
	}
/*    .menu-sub-label.hidden-menu-label a{
		color: var(--white) !important;
	} */
	

	
}
@media screen and (max-width: 991px) {
		.site-main {
		margin-top: 60px !important;
	}
	
	.menu-sub-label a {
		padding-left: 0!important;
	}
	.main-navigation.toggled .main-nav ul ul.toggled-on {
/* 		padding-top: 20px; */
	}
	
	nav .main-nav .mega-menu-full > ul > .hide-menu-label > a{
	display: none !important;
}
	
	nav .main-nav .mega-menu-full > ul > .hide-menu-label {
		margin-top: 0 !important;
	}
	
	.menu-item-186 {
		margin-bottom: 12px !important;
	}
	
	.mega-menu-full > .sub-menu {
/* 		padding-bottom: 36px; */
	}
	

}

/* Mobile Menu */
@media screen and (max-width: 768px) {

	
	.main-navigation button.menu-toggle,
	.toggled .menu-item-has-children .dropdown-menu-toggle, 
	.main-navigation .main-nav>ul {
		padding: 0 16px;
	}
	
		.menu-item-256 {
		margin-top: 0 !important;
	}

		/* Mega Menu */

	nav .main-nav .mega-menu-full ul ul {
		margin-bottom: 20px;
	}
	
	nav .main-nav .mega-menu-full>ul>li{
			 width: 100% !important;
/* 		 display: block !important; */
	}
	
/* 	.hidden-menu-label {
		display: none !important;
	} */
}

@media screen and (max-width: 285px) {
	    .site-header .header-image {
        max-width: 100px;
    }
	.site-header .site-logo {
		padding-right: 0;
	}
}
/*  */

/**  **/

/** 2 Tab Section / 5 tabs section **/

.tabs-menu-wrapper {
    background-color: var(--grey);
    border-radius: 1rem;
    justify-content: flex-start;
    align-items: center;
    padding: 9px 11px;
    display: flex;
    box-shadow: 0 6px 11px rgba(0, 0, 0, .33);
}

.tabs-nav-background, .tabs5-nav-background  {
    z-index: 0;
    background-color: var(--peterkins-green);
    border-radius: .5rem;
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 11px;
    right: 11px;
transition: all .3s ease 0s;
}

.tabs-nav-background {
	width: calc(50% - 11px);
}

.tabs5-nav-background {
	width: 20%;
}

@media screen and (max-width: 1024px) {
	.tabs5-nav-background {
		width: 33%;
		height: calc(50% - 9px);
	}
}

@media screen and (max-width: 470px) {
	.tablinks5 {
		width: 100% !important;
	}
	.tabs5-nav-background {
		width: calc(100% - 22px);
		height: calc(20% - 4px);
	}
}



.tablink {
padding: 14px 28px !important;
	 border-radius: 1em;
}


.tablink:hover, .tablink:focus {
	    background-color: #6aaa371a;
   
}

.tab-fade-out {
	animation-name: tab-fade-out;
  animation-duration: .3s;
	animation-fill-mode: forwards;
	
}

.tab-fade-in {
	 animation-name: tab-fade-in;
  animation-duration: .3s;
	animation-fill-mode: forwards;
}

.hidden-tab {
	display: none;
/* 	display: block; */
}

.visible-tab {
	display: block;
}	

@keyframes tab-fade-out {
  from {opacity: 1;}
  to {opacity: 0;}
}

@keyframes tab-fade-in {
   from {opacity: 0;}
  to {opacity: 1;}
}

/* Accordion */

.gb-accordion__content .gb-container {
padding: 32px 0 0;
margin-bottom: 0;
}

@media screen and (max-width: 768px) {
.gb-accordion__content .gb-container {
padding: 20px 0 0;
}
}

.accordion-icon-container {
position: absolute;
  top: 5px;
right: 0;
}

.line-minus {
height: 2px;
width: 12px;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.line-plus {
height: 12px;
width: 2px;
animation-name:  rotate-close;
  animation-duration: .8s;
 animation-fill-mode: forwards;
 
}

.gb-accordion__item-open .line-plus{
animation-name:  rotate-open;
  animation-duration: .8s;
 animation-fill-mode: forwards;

}

@keyframes rotate-open {
  from {transform: rotate(0);}
  to {transform: rotate(90deg);}
}

@keyframes rotate-close {
  from {transform: rotate(90deg);}
  to {transform: rotate(0);}
}

/* Tick List */
.tick-list {
list-style: none;
margin-left: 0;
}

.tick-list li:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
 background-size: 16px 16px;
  background-image:  url(/wp-content/uploads/2024/07/tick.svg);
  background-repeat: no-repeat;
position: absolute;
left: 0;
top: 5px
}

.tick-list li {
position: relative;
padding-left: 28px
}

.tick-list li:not(:last-child) {
margin-bottom: 8px;
}

.tick-list-centred li {
width: fit-content;
margin: 0 auto;
text-align: center;
}

.tick-list-centred li:not(:last-child) {
margin-bottom: 16px;
}

/* Learn about banner */
.learn-about-banner {
background-color: rgba(106, 170, 55, 0);
    background-image: linear-gradient(90deg, rgba(45, 45, 45, .89), rgba(45, 45, 45, .98)), url(/wp-content/uploads/2024/06/08-scaled-1.png), linear-gradient(180deg, var(--grey), rgba(45, 45, 45, .98) 5%, rgba(45, 45, 45, .64));
    background-position: 0 0, 50%, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, 2500px, auto;
    background-attachment: scroll, fixed, scroll;
}

/* Archive Layout */
.archive .site-main {
	padding: 112px 32px;
}

.archive .site-main .generate-columns-container{
margin-left: auto;
    margin-right: auto;
    max-width: 1280px;	
}

@media screen and (max-width: 768px) {
	.archive .site-main {
	padding: 96px 16px;
}
}

/* Single Blog View */

body.single-post.separate-containers .inside-left-sidebar{
	height: 90%;
	padding-bottom: 60px;
}

body.single-post article.post {
/* 	padding: 112px 32px 64px; */
}

body.single-post article.post .inside-article{
margin-left: auto;
    margin-right: auto;
    max-width: 1280px;	
}

body.single-post .comments-area {
	display:none;
}

body.single-post .container.grid-container {
	padding-left: 32px; 
	padding-right: 32px;
}


body.single-post .site-content {
max-width: 1280px; 
	margin-left: auto;
	margin-right: auto;
}

body.single-post .site-content .content-area{
/* 	padding-left: 64px !important; */
}

body.single-post .site-content .widget-area.is-left-sidebar{
	padding-right: 64px !important;
}

.separate-containers .inside-article {
    padding: 0px 32px 0px 0px;
}

.single.separate-containers.left-sidebar .site-main {
	margin-left: 0 !important;
}

#copyButton {
	cursor: pointer;
}

#copyButton .gb-icon{
	width: 20px;
	height: 20px;
}


@media screen and (max-width: 768px) {
	.single article.post {
	padding: 0;
}
	body.single-post.separate-containers .inside-left-sidebar{
	height: 90%;
	padding-bottom: 0px;
}
	
	
body.single:not(.single-property) .container.grid-container {
	padding-left: 16px; 
	padding-right: 16px;
}
	
	body.single .site-content .content-area{
	padding-left: 0px !important;
}
	
	
body.single-post .site-content .widget-area.is-left-sidebar{
	padding-right: 0px !important;
}
	
	body.single-post.separate-containers .inside-left-sidebar {
		margin-top: 0px;
			margin-bottom: 0;
	}
	
}

.blog-navigation-btn a{
	background-color: var(--peterkins-green);
    border-radius: .5rem;
    border: 1px solid var(--black);
    display: inline-flex;
    padding: 10px 18px !important;
    transition: all 0.3s ease 0s;
	color: var(--white);
	font-weight: 600;
	text-decoration: none;
	margin-right: 24px;
}

.blog-navigation-btn a:hover {
	background-color: var(--black);

}

/* Blog layout hover */
.blog-post-template-hover img{
transition: transform .3s ease;
}

.blog-post-template-hover:hover img {
transform: scale(1.1);
}

.blog-post-template-hover h3{
transition: color .3s ease;
}

.blog-post-template-hover:hover h3 {
color: var(--peterkins-green);
}

/* Property Search Form */
.property-search-form {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
/*     grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: end;
    display: grid; */
	display: flex;
	flex-wrap: wrap;
    
}

.property-search-form div.control.control-minimum_rent[style] {
	display: flex !important;
}

.property-search-form .control:not(.control-department):not(.quarter-form-box) {
	width: calc(50% - .75rem);
}

.property-search-form .control-department, .property-search-form .ms-options-wrap {
	width: 100%;
}

.property-search-form .quarter-form-box {
	width: calc(25% - 1.15rem);
}

.search-property-container > .gb-container {
	width: 100%;
}

@media screen and (max-width: 475px) {
	.property-search-form .control:not(.quarter-form-box) {
		width: 100% !important;
	}
	
	.property-search-form .quarter-form-box {
	width: calc(50% - .75rem);
}
}

.property-search-form .control {
   padding: 0;
}

.property-search-form .control label {
	 display: block;   
    	color: #344054;
	    font-size: .875rem;
    font-weight: bold;
    line-height: 1.5;
	margin-bottom: .5rem;
}

.property-search-form .control select:not(#location),
.propertyhive-ordering select:not(.orderby),
.property-search-form .control > input, .property-search-form .ms-options-wrap > .selected, .ms-options-wrap.ms-active > .ms-options {
   	border: 1px solid #d0d5dd !important;
	color: #101828;
  	border-radius: .5rem;
	background-color: var(--white);
	transition: all .3s;
	 -webkit-appearance: none;
	    padding: 10px 15px;
}

.ms-options-wrap > .ms-options > ul label {
	padding-left: 0 !important;
}

.property-search-form .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    position: absolute;
    right: 0;
	left: unset !important;
    top: 9px;
}


.property-search-form .control select,
.property-search-form input:not([type="checkbox"]){
    width: 100%; 
}

.property-search-form .control select option:hover {
  background-color: yellow;
}

.property-search-form .control > select:focus,
.propertyhive-ordering > select:focus,
.property-search-form > input:focus,
.property-search-form .ms-options-wrap.ms-active > .selected{
    border-color: var(--peterkins-green-lighter) !important;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px rgba(106, 170, 55, .1);
}

.property-search-form input[type=submit] {
 	width: 100%;
    grid-column: 1 / span 2;
	background-color: var(--peterkins-green);
	border: 1px solid var(--black);
	width: 100%;
    border-radius: 8px;
	color: var(--white);
	font-weight: 600;
}

.property-search-form input[type=submit]:hover {
	background-color: var(--black);
}

.property-search-form input[type=submit]::placeholder,
.property-search-form .control select {
	color: rgba(45, 45, 45, .8);
}

.property-search-form .control {
/* 	display: flex !important; */
    flex-direction: column;
}
.property-search-form .control-bedrooms-slider {
	    height: 100%;
    display: flex !important;
    flex-direction: column;
}

.property-search-form .ms-options-wrap > .ms-options {
	overflow-x: hidden;
	max-height: 275px !important;
}

.property-search-form .control-bedrooms-slider #search-form-slider-bedrooms_slider {
/* 	margin: auto 0; */
	margin-top: 14px;
}

#search-form-slider-bedrooms_slider .ui-state-default {
	background-color: var(--peterkins-green);
	border-radius: 100px;
    width: 25px;
    height: 25px;
	top: -.4em;
}

#search-form-slider-bedrooms_slider .ui-state-active {
	border-color: var(--peterkins-green-dark);
	background-color: var(--peterkins-green-dark);
}

#search-form-slider-bedrooms_slider .ui-slider-range {
	background-color: rgba(136, 186, 95, 0.49);
}

/* property Search Page - Some done in the plugin css*/
.property-search-hero_container {
 padding-top: 80px !important;   
}

.propertyhive  ul.properties li .property-container-content {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

 .propertyhive ul.properties li .property-container-content .thumbnail a {
	height: auto !important;
}

 .propertyhive  ul.properties li .property-container-content .thumbnail h3 {
	padding: 8px 16px 0 !important;
}

.propertyhive  ul.properties li .thumbnail h3 .address-bottom {
	font-size: 1rem;
    font-weight: 400;
	color: #2d2d2d;
	    margin-top: 5px;
    display: block;
	padding-top: 5px;
}

    


@media screen and (max-width: 1024px) {
    .property-search-hero_container {
 padding-top: 72px !important;   
}
}

@media screen and (max-width: 768px) {
.property-search-form {
 grid-template-columns: 1fr;   

    }
    
    .property-search-form input[type=submit] {
        grid-column: 1 / span 1;
    }
}

.propertyhive-views, .propertyhive-ordering {
	display: inline-block;
}

/* Property Archive - Map */

.post-type-archive-property .propertyhive-views ul{
	list-style: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.post-type-archive-property .propertyhive-views ul a, .propertyhive-ordering > select {
	border-radius: .5rem;
    border: 1px solid var(--black);
    display: inline-flex;
    font-weight: 600;
    padding: 10px 18px;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    justify-content: center;
	margin-right: 16px;
	color: black;
}

#propertyhive_map_canvas {
	border-radius: 20px;
}

/* Property Layout (also feauterd properties) */
.propertyhive ul.properties li {
border: none;	
}

.propertyhive ul.properties li .feature-container-content {
    border: 0px solid var(--grey);
    border-radius: 10px;
    flex-flow: column;
    transition: all .3s;
    display: flex;
    overflow: hidden;
/*     box-shadow: 0 3px 12px rgba(0, 0, 0, .17); */
	box-shadow: 0 -1px 12px rgba(0, 0, 0, .17);
    padding: 0;
	min-height: 425px;
	justify-content: space-between;
}

.post-type-archive-property.propertyhive ul.properties li {
	   border: 0px solid var(--grey);
    border-radius: 10px;
    transition: all .3s;
    overflow: hidden;
/*     box-shadow: 0 3px 12px rgba(0, 0, 0, .17); */
	box-shadow: 0 -1px 12px rgba(0, 0, 0, .17);
    padding: 0;
	min-height: 425px;
}

.propertyhive ul.properties li .feature-container-content:hover, .post-type-archive-property.propertyhive ul.properties li:hover{
    transform: scale(1.01);
/* 	box-shadow: 0 7px 12px 4px rgb(180 180 180 / 39%); */
	    box-shadow: 0 0px 12px 4px #42910363;
}

.property-featured-related .propertyhive ul.properties {
	display: flex;
}

 @media screen and (min-width: 1551px) {
	.propertyhive ul.properties li .feature-container-content {
		min-height: 430px;
	}
	 
	 .propertyhive .tns-controls {
		 margin-top: 60px;
	 }
}

 @media screen and (min-width: 1350px) and (max-width: 1550px) {
	.propertyhive ul.properties li .feature-container-content {
		min-height: 420px;
	}
}

@media screen and (min-width: 1085px) {	
.property-featured-related .propertyhive ul.properties {
		max-height: 500px;
	}
}

@media screen and (min-width: 680px) and (max-width: 898px) {
	.propertyhive ul.properties li .feature-container-content {
		min-height: 400px;
	}
	.propertyhive ul.properties li .details .content-container .rooms .floor-area {
		margin-left: auto;
	}
}




@media screen and (min-width: 500px) and (max-width: 639px) {
	.property-featured-related .propertyhive ul.properties {
		max-height: 575px;
	}
}

@media screen and (min-width: 200px) and (max-width: 499px) {
	.property-featured-related .propertyhive ul.properties {
		height: 475px;
	}
	
	
}

@media screen and (min-width: 350px) and (max-width: 499px) {
	.propertyhive ul.properties li .details .content-container .rooms .floor-area {
		margin-left: auto;
	}
}

@media screen and (min-width: 500px) and (max-width: 680px){
	.property-featured-related .propertyhive ul.properties {
    max-height: 600px;
}
}

@media screen and (max-width: 499px) {
		.property-featured-related .propertyhive ul.properties {
    max-height: 500px;
}
}


.propertyhive ul.properties li .thumbnail { float:none; width:100%; }
.propertyhive ul.properties li .thumbnail img { width:100%; }
.propertyhive ul.properties li .details { float:none; width:100%; }

.propertyhive ul.properties li .details {
 padding: 0 16px 8px;   
}

.property-featured-related .propertyhive ul.properties li h3 a, .post-type-archive-property.propertyhive ul.properties li h3 a{
	        margin-bottom: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.15rem;   
	color: #2d2d2d;
	
}

.property-featured-related .propertyhive ul.properties li h3 a {
	padding: 10px 16px 0;
}

.property-featured-related .propertyhive ul.properties li h3 a, .post-type-archive-property.propertyhive ul.properties li h3 a{
 	text-decoration: none;
}

.property-featured-related .propertyhive ul.properties li .details .price, .post-type-archive-property.propertyhive ul.properties li .details .price {
    color: var(--peterkins-green);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 1.15rem;
    font-weight: 600;   
    padding-bottom: 16px;
    border-bottom: 2px solid var(--peterkins-green-light);
}
    
.property-featured-related .propertyhive ul.properties li .details .rooms, .post-type-archive-property.propertyhive ul.properties li .details .rooms {
	display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    row-gap: 16px;
    margin-left: -16px;
/*     justify-content: space-between; */
}  

.post-type-archive-property.propertyhive ul.properties li {
	height: 100% !important;
}

.post-type-archive-property.propertyhive ul.properties li .details {
/* 	height: 100%;
    display: flex;
    flex-direction: column; */
}

.post-type-archive-property.propertyhive ul.properties li .details .price {
	margin-top: auto;
}

.property-featured-related .propertyhive ul.properties li .details .rooms .room, .post-type-archive-property.propertyhive ul.properties li .details .rooms .room{
/*  	 width: 25%;  */
    padding-left: 16px;
    position: relative;
}

.propertyhive ul.properties li .details .rooms .room .room-count {
 padding-left: 36px;   
}

.propertyhive ul.properties li .thumbnail img {
	    height: 220px;
    object-fit: cover;
}


/* Property archive/single property icons */

.propertyhive ul.properties li .details .rooms .room:before,
.propertyhive ul.properties li .details .rooms .floor-area:before,
.single-property-content .property_meta ul .reception-rooms:before,
.single-property-content .property_meta ul .bedrooms:before,
.single-property-content .property_meta ul .bathrooms:before,
.single-property-content .property_meta ul .floor_area:before {
    position: absolute;
          top: 0;
  bottom: 0;
  margin: auto 0;
    left: 16px;
	height:30px;
  width:30px;
	background-size: 100%;
	  background-repeat: no-repeat;
}
.propertyhive ul.properties li .details .rooms .room:before,
.propertyhive ul.properties li .details .rooms .floor-area:before {
	    position: absolute;
         top: 0;
    left: 16px;
	height:25px;
  width:25px;
	background-size: 100%;
	  background-repeat: no-repeat;
}

.propertyhive ul.properties li .details .rooms .room-bedrooms:before,
.single-property-content .property_meta ul .bedrooms:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/07/bed-icon.png);
 }

.propertyhive ul.properties li .details .rooms .room-bathrooms:before,
.single-property-content .property_meta ul .bathrooms:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/07/bath-icon.png);
    top: -3px;
}

.propertyhive ul.properties li .details .rooms .room-receptions:before,
.single-property-content .property_meta ul .reception-rooms:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/07/living-icon.png);
 }

.propertyhive ul.properties li .details .content-container .rooms .floor-area {
position: relative;	
	    padding-left: 51px !important;

}

@media screen and (min-width: 1350px) {
	.propertyhive ul.properties li .details .content-container .rooms .floor-area {
			margin-left: auto;
}
}

.propertyhive ul.properties li .details .content-container .rooms .floor-area:before,
.single-property-content .property_meta ul .floor_area:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/08/floor-size-icon.svg);
	height:25px;
  width:25px;
}

.single-property-content .property_meta ul .bedrooms:before,
.single-property-content .property_meta ul .bathrooms:before,
.single-property-content .property_meta ul .reception-rooms:before,
.single-property-content .property_meta ul .floor_area:before {
 left: 0;   
}

/* .propertyhive ul.properties li .details .rooms .room .room-label { */
body:not(.post-type-archive-property) .featured .details .room .room-label{
/*  display: none;    */
}

/* Property caurosel */

@media screen and (max-width: 680px){
	.propertyhive .tns-controls {
 margin-top: 24px;   
}
	
	.single-property-content .property_meta ul > li{
	width: calc(50% - 16px) !important;
}
}
/* .propertyhive .tns-controls button {
    background-color: var(--peterkins-green);
	border: 1px solid var(--black);
    border-radius: 8px;
    color: white;
}


.propertyhive .tns-controls button:hover {
    background-color: var(--black);
} */

.propertyhive .tns-controls button {
	    border: 1px solid #eaecf0;
    color: white;
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    transition: all .3s;
  padding: 0;
	position: relative;
	
}

.propertyhive .tns-controls button:hover {
	background-color: #f9fafb;
}

.propertyhive .tns-controls button:first-child:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/08/caurosel-arrow.svg);
	position: absolute;
    position: absolute;
 	    top: 11px;
    left: 11px;
	height:24px;
 	width:24px;
	background-size: 100%;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	
}

.propertyhive .tns-controls button:last-child:before {
		content: "";
	background-image: url(/wp-content/uploads/2024/08/caurosel-arrow.svg);
	position: absolute;
    position: absolute;
 	    top: 11px;
    left: 11px;
	height:24px;
 	width:24px;
	background-size: 100%;
	background-repeat: no-repeat;

}

.tns-ovh {
 overflow: visible !important;   
}
/* #tns1 {
/* 	margin-left: -36px !important; 
} */

#tns1 > .tns-item {
height: fit-content;
}


@media screen and (min-width: 639px) and (max-width: 850px) {
#tns1 > .tns-item .details h3,
    #tns1 > .tns-item .details .price{
font-size: 1rem !important;
} 
#tns1 > .tns-item .rooms .room .room-count:before {
 background-size: 75%;   
}  
}  


/* Property Hive - Single Property View */

.single-property .fancybox-slide--video {
	height: auto !important;
}

.single-propety-title .price .price-amount {
	text-align: right;
}

.single-property .fancybox-slide--video .fancybox-content {
	margin: 0 auto;
}

.single-property-image-grid {
    display: grid;
    grid-template-columns: 75% 25%;
 
    margin-left: 0;
    list-style: none;
    row-gap: 20px;
    
    overflow: hidden;
    max-height: 100%;
}

.single-property-image-grid li {
    display: block;
	position: relative;
}
.single-property-image-grid li .single-image-overlay {
	position: absolute;
		top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: black;
	opacity: 0;
	border-radius: 8px;
	transition: opacity .2s ease-in;
}

.single-property-image-grid li:hover .single-image-overlay {
	opacity: 0.3;
}

.single-property-image-grid li:first-child {
    grid-row: 1 / 4;
    margin-right: 20px;
}

.see-all-images-button {
    background-color: #f7f4f3;
    border-radius: 5px;
    align-items: center;
    padding: .5rem;
    font-weight: 500;
    text-decoration: none;
    display: flex;
	color: var(--grey);
    letter-spacing: 1px;
    text-transform: uppercase;
	position: absolute;
	left: 20px;
	bottom: 20px;
	transition: all .2s ease-in;
	cursor: pointer;
}

.see-all-images-button:before {
	content: "";
	background-image: url(/wp-content/uploads/2025/02/dots.svg);
width: 24px;
    background-size: cover;
    height: 22px;
	margin-right: 6px;
}

.see-all-images-button:hover {
	 background-color: #e2e8f0;
}

.single-property-image-grid li img {
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/* Optional: Hide extra items beyond 3 rows */
.single-property-image-grid li:nth-child(n+5) {
    display: none;
}

@media screen and (max-width: 991px) {
.single-property-image-grid li:nth-child(n+2) {
    display: none;
}
	
	.single-property-image-grid li:first-child {
		margin-right: 0;
	}
	
	.single-property-image-grid {
		grid-template-columns: 1fr;
	}
}

.sticky-single-property-content {
	position: sticky;
	top: 150px;
}

.share-property-links {
	margin-top: 32px;
}

.return-to-search-btn {
	display: inline-flex;
    align-items: center;
    column-gap: 0.5em;
    width: fit-content;
    margin-bottom: 24px;
    text-decoration: none;
}

.return-to-search-btn .gb-icon {
	    line-height: 0;
}

.return-to-search-btn .gb-icon svg {
	    width: 1em;
    height: 1em;
    fill: currentColor;
}


.return-to-search-btn .gb-button-text {
/* 	transition: all .1s ease-in-out .05s; */
}

.return-to-search-btn .gb-button-text:hover {
	color: unset;
}

.return-to-search-btn:hover .gb-button-text, .return-to-search-btn:hover {
	color: var(--peterkins-green-dark) !important;
}



.single-property-image .flag {
	border-radius: 8px 0 0;
	    top: 4px !important;
    left: 4px !important;
}

.single-property-image .flexslider .flex-viewport, .single-property-image .flexslider .flex-viewport a img {
	max-height: 70vh;
}

.single-property-image .flexslider .flex-viewport {
	border-radius: 8px;
}


.single-property-image .flexslider .flex-viewport a img {
		object-position: center center;
	object-fit: cover;
}

border-radius: 8px;

/* Sub Heading styling */
.single-propety-title .single-title-summary .summary-contents,
.single-propety-title .price .price-qualifier,
.single-property-content .description .description-contents p strong {
	color: var(--peterkins-green) !important;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
}

/* Heading medium styling */
.single-propety-title .single-title-summary .property_title,
.single-propety-title .price .price-amount {
	color: var(--black);
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.2;
}

/* Single property title/price */
.single-propety-title {
	display: flex !important;
	justify-content: space-between;
	margin-bottom: 36px;
}

.single-propety-title .price {
	height: fit-content;
    align-self: self-end;
	    display: flex;
    flex-direction: column;
} 

.single-propety-title .price .price-qualifier {
	color: var(--peterkins-green) !important;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
}

/* Single Property Image */
.single-property-image {
position: relative;	
}

.single-property-image .images .flexslider div ul li, .fancybox-image {
	border-radius: 8px;
	overflow: hidden;
}

.single-property-image .images #slider {
	margin-bottom: 16px;
}

.single-property-image .images .thumbnails {
	margin-bottom: 32px;
}

.flex-direction-nav a:before {
	color: var(--peterkins-green-dark);
}

.fancybox-toolbar .fancybox-button {
	background-color: var(--peterkins-green);
	color: white;
}

.fancybox-button--close {
	border-bottom-left-radius: 20px;
}

.fancybox-button--arrow_right,
.fancybox-button--arrow_left {
	padding: 0 !important;
	border-radius: 20px;
	height: 50px !important;
	width: 50px !important;
}

.single-property-image .alert {
    position: absolute;
    width: 100%;
    background-color: var(--peterkins-green-dark);
    z-index: 99;
    top: 30%;
    text-align: center;
    padding: 6px 32px;
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
	.single-property-image .alert {
		font-size: .8rem;
		 top: 25%;
	}
}

/*single property content */
.single-property-content {
	display: grid !important;
		grid-template-columns: 1.15fr .85fr;
	grid-column-gap: 36px;
}

.single-property-content .single-property-left-column .single-property-map {
	margin-top: 32px;
}

.single-property-content .single-property-left-column .single-property-map .map-container {
	    border-radius: 20px;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
	.single-property-content {
		grid-template-columns: 1fr;
	}
	
	.single-property-content .single-property-left-column .single-property-map {
	margin-top: 24px;
}
	
	.single-property-content .single-property-left-column .single-property-map .map-container{
		margin-bottom: 24px;
	}
}


/* Single Property Meta */
.single-property-content .property_meta {
	padding: 20px 20px;
	border-top: 1px solid var(--peterkins-green-light);
    border-bottom: 1px solid var(--peterkins-green-light);
	margin-bottom: 16px;
}

.single-property-content .property_meta ul {
	list-style: none;
    margin: 0;
/* 	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
	grid-column-gap: 43px;
    grid-row-gap:16px;*/
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	column-gap: 43px;
    grid-row-gap:24px;
	
}


.single-property-content .property_meta ul .icon .type{
	padding-left: 35px ;
}


.single-property-content .property_meta ul .icon {
	width: calc(33.33% - 43px);
	
}

.single-property-content .property_meta ul .other-meta {
	width: calc(33.33% - 43px);

}

.single-property-content .property_meta ul .floor_area {
	width: calc(33.33% - 43px);
	
	font-weight: 600;
	    padding-left: 35px;
}

.single-property-content .property_meta ul .floor_area .floor_area_label {
	display: none;
}
.single-property-content .property_meta ul .floor_area:after {
	content: "m²";
}

.single-property-content .property_meta ul .other-meta.epc-rating {
	order: 10;
}



/* @media screen and (max-width: 500px) {
	.single-property-content .property_meta ul {
		grid-template-columns: 1fr 1fr;
		grid-row-gap:24px;
		grid-column-gap: 16px;
	}
}
 */
.single-property-content .property_meta ul li {
	width: fit-content;
/* 	text-align: center; */
	position: relative;
	color: #333333;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	.single-property-content .property_meta ul {
		column-gap: 16px;
	}
	
	
.single-property-content .property_meta ul li{
	width: calc(33.33% - 16px);
}  
	

}

/* The icon code for the below 3 is in simple CSS for now*/
.single-property-content .property_meta ul .bedrooms {

	min-width: 80px;
	font-weight: 600;
	

}
.single-property-content .property_meta ul .bathrooms {

	min-width: 80px;
	font-weight: 600;
	   
}
.single-property-content .property_meta ul .reception-rooms {

	min-width: 80px;
	font-weight: 600;
}

.single-property-content .property_meta ul .council-tax-band {
	order: 2;
}



@media screen and (max-width: 400px) {
	.single-property-content .property_meta ul li {
/* 		width: 100%  !important; */
	}
}

.propertyhive-info.no-results-message {
margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}
/* Single features */

	.single-property-content .features .tick-list{
		display: flex;
		flex-wrap: wrap;
}

.single-property-content .features .tick-list li {
	padding-right: 10px;
	width: 50%;
}


@media screen and (max-width: 800px) {
	.single-property-content .features .tick-list{
		display: block;
		
}

.single-property-content .features .tick-list li {
	padding-right: 0;
	width: 100%;
}
}


/* Single Description */
.single-property-content .description h4 {
	display: none;
}

.single-property-content .description .description-contents p {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}

.single-property-content .description .description-contents p strong {
	margin-bottom: -10px;
}

/* single property actions */
.single-property-content .property_actions,
.single-property-right-column .price {
	background-color: var(--white);
    border-radius: 10px;
    flex-flow: column;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 2rem;
    display: flex;
    position: relative;
    box-shadow: 0 0 5px #0003;
}

.single-property-content .property_actions ul {
	list-style: none;
    margin-left: -16px;
	display: flex;
	flex-wrap: wrap;
}

.single-property-content .property_actions ul {
		margin-bottom: 0;
	}

@media screen and (max-width: 450px) {
	.single-property-content .property_actions ul {
		flex-direction: row !important;
	}
	
	.single-property-content .property_actions ul li {
		width: 100% !important;
	}
	
	.single-property-content .property_actions ul li:last-child {
		margin-bottom: 0 !important;
	}
	
	.single-property-content .property_actions ul .action-make-enquiry {
		margin-bottom: 8px !important;
	}
}

.single-property-content .property_actions ul li {
		padding-left: 16px;
}

.single-property-content .property_actions .actions-title {
	    text-align: center;
    font-size: 1.25rem;
    line-height: 2rem;
	color: #333333;
	font-weight: 700;
	margin-bottom: 16px;
}

.single-property-content .property_actions ul .action-make-enquiry {
	width: 100%;
	margin-bottom: 16px;
}

.single-property-content .property_actions ul li a {
    border-radius: .5rem;
    border: 1px solid var(--black);
    display: inline-flex;
    font-weight: 600;
    padding: 10px 18px;
    transition: all 0.3s ease 0s;
	text-decoration: none;
    justify-content: center;
    width: 100%;
}

.single-property-content .property_actions ul .action-make-enquiry a {
	width: 100%;
	background-color: var(--peterkins-green);
	color: #ffffff;
}

.single-property-content .property_actions ul li:not(.action-make-enquiry){
	width: 50%;
	text-align: center;
	margin-bottom: 8px;
}

.single-property-content .property_actions ul li a:hover {
	background-color: var(--black);
}

.single-property-content .property_actions ul li:not(.action-make-enquiry) a:hover {
	color: var(--white);
}

.single-property-right-column .price {
	display: flex;
	flex-wrap: wrap-reverse;
    flex-direction: row-reverse;
	justify-content: center;
		color: var(--black);
    text-transform: capitalize;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 1.755rem;
    font-weight: 700;
    line-height: 1.2;
}

.single-property-right-column .price span {
	margin-right: 6px;
}


.single-propety-title .single-title-summary {
	    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.single-propety-title .single-title-summary .property_title {
	height: fit-content;
}

.single-propety-title .single-title-summary .summary-contents {
	    max-width: 700px;
}

@media screen and (max-width: 768px) {
	.single-property-right-column .price {
		font-size: 1.25rem;
	}
}

@media screen and (max-width: 767px) {
	/* Sub Heading styling */
	.single-propety-title .single-title-summary .summary-contents,
	.single-propety-title .price .price-qualifier, 
	.single-property-content .description .description-contents p strong {
		font-size: .75rem;
	}
	/* Heading medium styling */
    .single-propety-title .single-title-summary .property_title,
	.single-propety-title .price{
        font-size: 1.4rem;
        line-height: 1.4;
    }
	
	.single-propety-title {
		flex-direction: column;
		margin-bottom: 16px;
	}
	
	.single-propety-title .price {
		margin-top: 16px;
	}
}

@media screen and (max-width: 380px) {
	.single-propety-title {
		flex-direction: column;
	}
	
	.single-propety-title .price {
		align-self: unset;
	}
}

/* Single Property - Book a viweing popup */
.single-property .fancybox-content {
	    background-image: linear-gradient(to bottom, var(--peterkins-green-dark), var(--peterkins-green-light));
    border-radius: 20px;
    padding: 40px 40px 30px;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.single-property .fancybox-content h2,
.single-property .fancybox-content h4,
.single-property .fancybox-content strong,
.single-property .fancybox-content div,
.single-property .fancybox-content p {
	color: white;
}

.property-enquiry-form .control .date-picker {
	padding: 10px 15px;
}

.property-enquiry-form .control input[type]:not([type="submit"]), 
.property-enquiry-form .control select, 
.property-enquiry-form .control textarea {
	margin-top: 8px;
    border: 1px solid #d0d5dd;
    color: #101828;
    border-radius: .5rem;
    background-color: var(--white);
    transition: all .3s;
    width: 100%;
}

.property-enquiry-form .control input[type]:not([type="submit"]):focus,
.property-enquiry-form .control select:focus, 
.property-enquiry-form .control textarea:focus {
	border-color: var(--peterkins-green);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--peterkins-green-light);
    background-color: var(--white);
}

.property-enquiry-form .control label {
	color: var(--white);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: .5rem;
}

.property-enquiry-form input[type="submit"] {
	    background-color: var(--peterkins-green);
    border: 1px solid var(--black);
    width: 100%;
	border-radius: 8px;
	margin-top: 16px;
	transition: all 0.3s ease 0s;
}

.property-enquiry-form input[type="submit"]:hover {
	background-color: var(--black);
}

.fancybox-content .fancybox-close-small {
	color: white;
	transition: all .1s ease-in-out;
}

/* Testimonial Slider */
.rt-container-fluid {
	cursor: grab;	
}

.tss-wrapper .tss-carousel3 .item-content-wrapper {
    background-color:rgba(0, 0, 0, 0);
	order: 2;
}

.swiper-wrapper .single-item-wrapper {
	    display: flex;
    flex-direction: column;
}

.swiper-wrapper .single-item-wrapper .item-content-wrapper .item-content, 
.item-content-wrapper .item-content blockquote{
	color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
    font-size: 1.65rem;
    font-weight: 500;
    line-height: 1.3;
	text-align: center;
	font-style: normal !important;
	border-left: none !important;
	padding: 0;
}

.tss-wrapper .tss-carousel3 .rating-wrapper {
    margin: 0px;
    text-align: center;
    display: block;
	order: 1;
}

.tss-wrapper .single-item-wrapper h4.author-bio {
	order: 3;
	color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.5;
}



.tss-carousel .swiper-pagination-bullet {
	background: #F2F4F7;
	opacity: 1;
}

.tss-carousel .swiper-pagination-bullet:hover, .tss-carousel .swiper-pagination-bullet-active {
background: #508029;
}

.tss-wrapper .tss-carousel3 .item-content-wrapper:before {
	display: none;
}

.swiper-wrapper .single-item-wrapper {
max-width: 90%;
    margin: 0 auto;
}


.tss-wrapper .tss-carousel .swiper-arrow {
border-radius: 50px;
	width: 3.5rem;
	height: 3.5rem;
	display: flex;
}

.swiper-wrapper .single-item-wrapper {
max-width: 90%;
    margin: 0 auto;
}


[class^=rttss-]:before {
content: "" !important;
color: #667085;
}

#tss-container-36121171.tss-wrapper .tss-carousel .swiper-arrow {
border-radius: 50px;
}

.rttss-right-open:before {
content: "" !important;
mask: url(/wp-content/uploads/2024/10/arrow-2.svg) no-repeat 50% 50%;
background-color: #667085;
    width: 20px !important;
    height: 20px;
}

.rttss-left-open:before {
content: "" !important;
mask: url(/wp-content/uploads/2024/10/arrow-2.svg) no-repeat 50% 50%;
background-color: #667085;
    width: 20px !important;
    height: 20px;
transform: rotate(180deg);
}

.tss-carousel .swiper-arrow > i {
display: flex;
}

@media screen and (max-width: 768px) {
	
	.tss-wrapper .tss-carousel3 .item-content-wrapper {
		padding: 0 !important;
	}
	
.item-content-wrapper .item-content h3 {
font-size: 1.4rem !important;
}
		.swiper-wrapper .single-item-wrapper .item-content-wrapper .item-content blockquote {
		font-size: 1.2rem !important;
	}
	
	.tss-wrapper .tss-carousel .swiper-arrow {
 display: none !important;
}
}


/* Single Property - Similar Property */
.similar-properties-container.padding-vertical-xhuge {
	padding-bottom: 0 !important;
}



.single-propety-title .price .price-qualifier {
	text-align: end;
}

@media screen and (max-width: 380px) {
	.single-propety-title .price .price-qualifier, .single-propety-title .price .price-amount {
	text-align: start;
}
}



/* Sliders Layout */
.n2-bullet {
	width: 6px;
	height: 6px;
	background-color: #fff6!important;
}
 
.n2-bullet.n2-active{
	background-color: var(--white) !important;
	
}

.nextend-arrow img{
	width: 50px !important;
}

/** Blog **/
body.single-post .blog-navigation-btn > a {
	display: block;
}

/** Footer **/
@media screen and (max-width: 991px) {
	.footer-links-container .gb-grid-column:has(.footer-links-items) {
		width: 50%;
	}
	.footer-subscribe-container .gb-grid-column:has(.footer-subscribe-item) {
		width: 100%;
	}
}

@media screen and (max-width: 479px) {
	.footer-links-container .gb-grid-column:has(.footer-links-items) {
		width: 100%;
	}
}

nav .main-nav .mega-menu-full > ul > .hide-menu-label > a,
nav .main-nav .mega-menu-full > ul > .hide-menu-label:not([class*="current-menu-"]):hover > a{
	color: white !important;
	cursor: default;
}
/**  **/

/** Animation  **/
@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        transform: translate(0, 100px);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.fadeInUp {
    animation-name: fadeInUpSmall !important;
}

@keyframes fadeInLeftSmall {
    0% {
        opacity: 0;
        transform: translate(-100px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.fadeInLeft {
    animation-name: fadeInLeftSmall !important;
}

@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translate(100px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.fadeInRight {
    animation-name: fadeInRightSmall !important;
}

@keyframes fadeInAll {
	 0% {
        opacity: 0;
		 transform: translatey(50px) scale(.9, .9)
      
    }

    to {
        opacity: 1;
      	transform: translatey(0) scale(1, 1)
    }
}

.test-animate {
	opacity: 0;
}

.animation-fadeIn {
  animation: fadeInAll .8s;
  animation-fill-mode: forwards;
	animation-delay: .4s;
	animation-iteration-count: 1;
}

@media (prefers-reduced-motion) {
	.animation-fadeIn {
		animation: unset !important;
	}
	
	.test-animate {
	opacity: 1;
}
}

/* About Finger Animation */
.finger-swipe-container  {
opacity: .49
}

.finger-swipe-container img {
    animation: leftToRight 2.3s infinite;
    animation-direction: alternate;
animation-fill-mode: forwards;
transform: translateX(50px);
animation-timing-function: linear;
}

@keyframes leftToRight {
  0% {
transform: translateX(30px);
}
20% {
transform: translateX(30px);
}
 80% {
transform: translateX(-30px);
}
100% {
transform: translateX(-30px);
}
}


/* only firfox browser targeting */
@-moz-document url-prefix() {
	.main-navigation .main-nav ul li.menu-item-has-children {
/* 		margin-top: -3px; */
	}
	
	.menu-item-has-children .dropdown-menu-toggle .icon-arrow {
		display: block;
	}
}

.social-icons .gb-icon svg {
	fill: none !important;
}

/* Mobile Menu Animation */
@media screen and (max-width: 991px) {
	
	html.mobile-menu-open .site-header {
		height: 75px;
	}
	
	body:has(.main-navigation.toggled) {
/* 		overflow-y: hidden; */
	}
	
.main-navigation .main-nav li:not(:last-child) {
		margin-top: 12px;
		margin-bottom: 28px;
	} 
	
	.main-navigation .inside-navigation {
		background-color: white;
		align-items: flex-start;
		overflow: hidden;
		display: block !important;
	}
	
	.main-navigation:not(.toggled) .inside-navigation {
		transition: .5s all ease-in-out;
/* 		transform: translatey(-100%); */
			height: 0;
		max-height: 0;
	}
	
	.main-navigation.toggled .inside-navigation {
/* 		transform: translatey(0); */
		transition: .5s all ease-in-out;
		height: 100vh;
		max-height: 300vh;
	}
	
	nav .main-nav .mega-menu-full > ul {
		transition: .5s all ease-in-out !important;
		max-height: 0;
		visibility: visible;
	}
	
	nav .main-nav .mega-menu-full > ul.toggled-on {
				max-height: 1300px;
	}
	
	nav .main-nav .mega-menu-full > ul:not(.toggled-on) {
		position: relative;
    top: 0;
    left: auto !important;
    right: auto !important;
    width: 100%;
    pointer-events: auto;
    height: auto;
    opacity: 1;
    display: block;
    visibility: visible;
    float: none;
	}
	
	.main-navigation.toggled .inside-navigation:has(.mega-menu-full > ul.toggled-on) {
		height: 200vh;
	}
	
	.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul {
		display: block;
	}
	
	.main-navigation:not(.toggled) .mega-menu-full .sub-menu.toggled-on {
		position: relative;
		
	}
	
	nav .main-nav .mega-menu-full>ul>li {
		max-width: 100%;
	}
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }



.menu-toggle .icon-menu-bars {
    display: none;
}

body .hamburger{
    transform: scale(.8);
    padding: 0;
    line-height: 0;
    vertical-align: middle;
}

body .hamburger.is-active .hamburger-inner::after,
body .hamburger-inner,
body .hamburger-inner::before, 
body .hamburger-inner::after,
body .hamburger.is-active .hamburger-inner, 
body .hamburger.is-active .hamburger-inner::before,
body .hamburger.is-active .hamburger-inner::after{
    background-color: currentColor;
}

/* Book a viewing form */
.control-mortgage-advice {
	position: relative;
}
.control-mortgage-advice:after {
	content: ' ';
    height: 0;
    position: absolute;
	  margin: auto 0;
    top: 70%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;
}
/*  */
/* Map property cards */
.propertyhive-draw-a-search-controls {
	top: 62px !important;
	right: 11px !important;
}

.properties-map-popup .title-close {
	background: var(--peterkins-green) !important;
}

.propertyhive-draw-a-search-controls a#ph_draw_a_search_draw, .propertyhive-draw-a-search-controls a#ph_draw_a_search_view {
	border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    border: 1px solid var(--black) !important;
	background: var(--peterkins-green) !important;
	text-decoration: none;
}


.propertyhive-draw-a-search-controls a#ph_draw_a_search_draw:hover, .propertyhive-draw-a-search-controls a#ph_draw_a_search_view:hover {
	background-color: var(--black) !important;
    color: #ffffff;
}

.properties-map-popup .properties .property .details .address a {
	text-decoration: none;
	color: #2d2d2d;
}

.properties-map-popup .properties .property .details .price span {
	color: var(--peterkins-green) !important;
}
/*  */
/* Search Box */
 .search-bar-container .wp-block-search__input {
    
    border: 1px solid #d0d5dd;
    color: #101828;
    border-radius: .5rem;
    background-color: var(--white);
    transition: all .3s;
    width: 100%;
    }
    
  .search-bar-container input[type="search"]:focus {
      border-color: var(--peterkins-green);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--peterkins-green-light);
    background-color: var(--white);
  }
  
   .search-bar-container .wp-block-search__button {
       background-color: var(--peterkins-green);
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    border: 1px solid var(--black);
    color: #ffffff;
    font-weight: 600;
    padding: 10px 18px;
    transition: all 0.3s ease 0s;
   }
   
     .search-bar-container .wp-block-search__button:hover {
        background-color: var(--black);
        color: #ffffff;
     }