.nav-down.page-top.transparent-bg nav.desktop-nav.thumbs > ul li:last-of-type a {
	box-shadow: 0 0 0 1.5px var(--accent-green) inset;
	background: rgba(0,0,0,0.1);
	color: #fff;
	backdrop-filter: blur(8px);
}

section.property-list {
	padding: 45px 0;

}

.property-page-list-pages {
	display: flex;
	flex-wrap: wrap;
	gap: 1%;
	align-items: stretch;
	transition:all 0.3s;
}

.property-page-list-pages .property {
	width: 32.666%;
	position: relative;
	margin: 0.5% 0;
	box-shadow:  0 0 0 4px transparent, 0 2px 6px rgba(0,0,0,0.1);
	border-radius: 12px;
	transition:all 0.3s;
}

.property-page-list-pages .property:hover {
}

.property-page-list-pages .property-inner{
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	height:100%;
}

.property-page-list-pages .property a.big-link {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.3s;
	color: var(--main-color);
}

.property-page-list-pages .property a.big-link .big-link-content{
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 7px;
	transform:translateY(20px);
	transition:all 0.3s;
	opacity:0;
}

.property-page-list-pages .property a.big-link i{
	font-size:2.5em;
}

.property-page-list-pages .property a.big-link span {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.875em;
}

.property-page-list-pages .property a.big-link:hover{
	opacity: 1;
}

.property-page-list-pages .property a.big-link:hover .big-link-content{
	transform:translateY(0);
	opacity:1;
}

.property-page-list-pages .property .image {
	position: relative;
	padding-bottom: 66%;
	background-size: cover;
	background-position: center center;
	background-color:var(--mid-grey-color);
}

.property-page-list-pages .property .image img{
	display:block;
	width:100%;
	height:auto;
}

.property-page-list-pages .property .listing-circle{
	position:absolute;
	top:0;
	right:0;
}

.property-page-list-pages .property .listing-circle div.wrapper {
	min-width: 140px;
	height: 40px;
	border-radius: 0 0 0 12px;
	background: url(../assets/tartan-pattern.png);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	background-size: 128px;
}

div.property .listing-circle span {
	color: #fff;
	text-align: center;
	line-height: 1.125em;
	font-weight: 600;
	font-size: 14px !important;
}

.property-page-list-pages .property .info{
	padding:20px 20px 65px 20px;

}

.property-page-list-pages .property .info h4{
	margin:0;
	font-size:1.25rem;
}

.property-page-list-pages .property p.short-description{
	line-height: 1.5em;
	font-weight: 500;
}

.property-page-list-pages .property p.address {
	margin: 0;
	font-weight: 600;
	color: var(--main-color);
	font-size: 0.875em;
}

.property-page-list-pages .property p.price {
	display: flex;
	flex-direction: column;
	line-height: 1.5em;
	position: absolute;
	bottom: 0;
	color:var(--main-color);
}

.property-page-list-pages .property p.price .price-modifier {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.75rem;
}

.property-page-list-pages .property p.price .price{
	font-size:2em;
	font-weight:700;
}

.property-page-list-pages .admin-tools{
	position: absolute;
	top: 15px;
	left: 15px;
	display:flex;
	z-index:50;
	gap:10px;
}

.property-page-list-pages .admin-tool,
.property-summary .admin-tool {
	background: #fff;
	cursor: pointer;
	padding: 5px 15px;
	border-radius: 5px;
	display: flex;
	gap: 5px;
	align-items: center;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	font-weight: 600;
	transition:all 0.3s;
	width:fit-content;
}

.property-page-list-pages .admin-tool.delete-property{
	background: #b30000;
	color: #fff;
}

.property-page-list-pages .admin-tool:hover,
.property-summary .admin-tool:hover{
	background: var(--main-color);
	color:#fff;
}

@media screen and (max-width:1100px){
	.property-page-list-pages{
		gap:2%;
	}
	.property-page-list-pages .property{
		width:49%;
		margin:1% 0;
	}
}
@media screen and (max-width:670px){
	.property-page-list-pages .property{
		width:100%;
	}
}

/* PROPERTY FORM */
#propertyModal .modal-header{
	background:#fff;
}

#propertyModal .modal-header h2{
}

#propertyModal .modal-body{
	background:var(--olive-white);
}
.form-group{
	margin:10px 0;
}
div.property-form {
}

div.property-form .form-fields {
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	padding: 30px;
	background: rgba(255,255,255,0.85);
	border-radius: 15px;
	height: 100%;
}

/* IMAGE PICKER */

div.image-picker .image-folder-wrapper {
	background: var(--body-color-lighter);
	/* padding: 10px; */
	/* border-bottom: 1px solid #ddd; */
	margin-bottom: 10px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow:var(--inset-shadow);
}

div.image-picker .folder-images {
	height:0;
	overflow:hidden
}

div.image-picker .folder-images.folder-opened{
	height:auto;
}

div.image-picker .folder-images .wrapper {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	padding: 16px;
	background: var(--olive-white);
}

div.image-picker .folder-name {
	padding: 9px 24px;
	display: flex;
	gap: 10px;
	align-items: center;
	cursor: pointer;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	position: relative;
	background: #f2f4ee;
	font-weight: 500;
}

div.image-picker .folder-name:hover {
	color: var(--accent-green);
}

div.image-picker .folder-name i {
	font-size: 24px;
	color: #ecd693;
	text-shadow:0 1px 1px rgba(0,0,0,0.25);
}

div.image-picker .folder-name:after{
	content:'\f067';
	position:absolute;
	right:24px;
	top:50%;
	transform:translateY(-50%);
	font-family:'Font Awesome 5 Pro';
}
div.image-picker .folder-name.folder-opened:after{
	content:'\f068';
}

div.image-picker .image-thumbnail {
	width: 80px;
	box-shadow: 0 0 0 2px #ccc;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	height: 80px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
#sortable-images .image-thumbnail{
	cursor:grab;
}
.sortable-ghost {
	opacity: 0.5;
	border: 2px dashed #007bff;
}

div.image-picker .image-thumbnail i{
	color:rgb(162, 0, 0);
	font-size:24px;
}
div.image-picker .image-thumbnail span {
	font-size: 12px;
	font-weight: 600;
	word-break: break-word;
	text-align: center;
	line-height: 12px;
	padding: 3px;
}
div.image-picker .image-thumbnail.selected {
	box-shadow: 0 0 0 4px var(--accent-green);
}

div.image-picker .image-thumbnail:not(.selected):hover{
	box-shadow:0 0 0 4px var(--accent-blue);
	z-index:100;
}

div.image-picker .image-thumbnail img{
	width:100%;
	height:auto;
	display:block;
}

/* INDIVIDUAL PROPERTY VIEW */

section.property-header {
	margin-top:30px;
}

section.property-header .row.carousel-row{
	display: flex;
	border-radius: 5px;
	overflow: hidden;
}

section.property-header .lhs {
	width: calc(100% - 320px);
	position:relative;
	
	
}
a.virtual-tour-link{
	position: absolute;
	bottom: 20px;
	z-index: 100;
	right: 20px;
}

section.property-header .rhs {
	width: 320px;
	display: flex;
	background: #fff;
}

.image-carousel ul.images {
	list-style: none;
	padding: 0;
	margin: 0;
}

.image-carousel ul.images li {
	width: 100%;
	position:absolute;
}

.image-carousel ul.images li .wrapper{
	position:relative;
	width: 100%;
	padding-bottom:66%;
}

.image-carousel ul.images li .wrapper .image{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
}

section.property-header .property-summary{
	padding:3em 2em;
	position:relative;
	width:100%;
}

section.property-header .property-status {
	background: var(--second-color);
	background: url(../assets/tartan-pattern.png);
	background-size: 64px;
	padding: 0.75rem 1.25rem;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: fit-content;
	border-radius: 0 0 12px;
	z-index: 50;
}

section.property-header .property-status p {
	margin: 0;
	font-weight: 600;
	color:#fff;
	line-height:1.375em;
	font-size:1.125rem;
}

section.property-header .property-summary h2{
	text-transform:capitalize;
	margin-bottom:0;
}

section.property-header .property-summary p.subheading {
	margin-top: 0;
	font-weight: 600;
	color: #fff;
	line-height: 1.375rem;
}

section.property-header .property-summary p.short-description{
	line-height:1.5em;
}

section.property-header .property-summary p.price{
	display:flex;
	flex-direction:column;
	line-height:1.5em;
	color:#fff;
}

section.property-header .property-summary p.price .price-modifier {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
}

section.property-header .property-summary p.price .price{
	font-size: 2em;
	font-weight: 700;
}

@media screen and (max-width:1200px){
	section.property-header .row.carousel-row {
		flex-direction: column;
	}
	section.property-header .lhs, section.property-header .rhs{
		width:100%;
	}
}

@media screen and (max-width:640px){
	.image-carousel ul.images li .wrapper{
		padding-bottom:75%;
	}
	a.virtual-tour-link {
		bottom: 10px;
		right: 10px;
		padding: 0.5em .75em;
		font-size: 1em;
	}
	section.property-header .property-status p{
		font-size:0.875rem;
	}
}

/* Property Page tabbed area */
section.property-content{
	margin:30px 0;
	filter:drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}

/* Tab buttons */

ul.hh-tabs {
	display: flex;
	list-style: none;
	padding: 0;
	margin:0;
	gap:2px;
}
ul.hh-tabs li.nav-item{
}

button.hh-nav-link {
	background: #fafafa;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.3s ease;
	border-bottom: 2px solid transparent;
	color: var(--main-color);
	border-radius: 8px 8px 0 0;
}

button.hh-nav-link:not(.active):hover{
	color:var(--accent-green);
}

button.hh-nav-link.active{
	background:#fff;
}
/* TABS */

.tab-content {
	background: #fff;
	border-radius: 0 8px 8px 8px;
	overflow:hidden;
}

.tab-content #details,
.tab-content #floor-plan,
.tab-content #epc,
.tab-content #downloads{
	padding:20px;
}


.tab-content.property-details{
	
}

.tab-content.property-details .description{
	flex:0 0 60%;
	margin-right:5%;
}

.tab-content.property-details p.small-print,
.tab-content.property-details p.directions
{
	font-weight: 500;
	line-height: 1.25em;
}



a.home-report-link {
	display: flex;
	align-items:center;
	padding: 10px 20px;
	gap:10px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15), 0 0 0 2px transparent;
	width: 180px;
	border-radius: 8px;
	width:fit-content;
	margin:30px 0;
	transition:all 0.3s;
	color:#225ca7;
}

a.home-report-link:hover{
	box-shadow: 0 2px 4px rgba(0,0,0,0.15), 0 0 0 2px #225ca7;
}

a.home-report-link img{
	width:160px;
	height:auto;
	display:block;
}

a.home-report-link span {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 0.875em;
}
.tab-content.property-details p.small-print{
	color: var(--grey-text-color);
}

.tab-content.property-details .info-bar{
	color:var(--main-color);
}
.tab-content.property-details .info-bar ul{
	list-style:none;
	display:flex;
	gap:30px;
	padding:0;
	margin:0;
	font-weight:500;
}

.tab-content.property-details .info-bar ul li{
	display:flex;
	flex-direction:column;
	gap:5px;
}

.tab-content.property-details .info-bar ul li span.title {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.75em;
	color: var(--light-text-color);
	letter-spacing: 0.05em;
}

.tab-content.property-details .info-bar ul li span.icon{
	display:flex;
	gap:10px;
	align-items:center;
	font-weight:600;
	text-transform:uppercase;
}

.tab-content.property-details .info-bar ul li span.icon i{
	font-weight:normal;
}

.tab-content.property-details .map{
	flex:0 0 35%;
}



/* Thumbnail Gallery */

div.image-gallery{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

div.image-gallery .thumbnail{
	width:240px;
	box-shadow: 0 0 4px rgba(0,0,0,0.25);
	border-radius:12px;
	overflow:hidden;
	position:relative;
}

.img-thumbnail{
	border: none;
	padding: 10px;
	border-radius:0;
	cursor:pointer;
}

/* PDF */
div.image-gallery .thumbnail.pdf {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #c80000;
	color: #fff;
	padding:30px;
}

div.image-gallery .thumbnail .icon{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2em;
}

div.image-gallery .thumbnail .info {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	padding: 0 10px;
	width: 100%;
	word-wrap: break-word;
}

div.image-gallery .thumbnail.pdf .icon:before {
	content: '\f1c1';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	font-size: 50px;
}



/* Virtual Tour */

iframe.virtual-tour {
	width: 100%;
	min-height: 60vh;
	padding: 0;
	margin: 0;
	display: block;
}

/* MAP */

#property-map {
	width: 100%; /* Full width of the container */
	height: 500px; /* Set height as needed */
	max-width: 800px; /* Optional: Set max width */
	margin: 0 auto; /* Centering the map */
	border-radius: 8px; /* Optional: Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add shadow */
}

.map-popup{
	display:block;
	font-family:var(--main-font);
}

.map-popup:focus-visible{
	outline:none;
}

.map-popup img{
	width:100%;
	height:auto;
	display:block;
}

.map-popup .info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 10px 0 0 0;
	gap: 3px;
}

.map-popup p{
	margin:0;
	line-height:1.25em;
}

.map-popup p.price-modifier {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: -5px;
}

.map-popup p.address{
	color:var(--font-color);
	font-weight:500;
}

.map-popup h4{
	margin:0;
	color:var(--main-color);
	line-height:1em;
	font-weight:700;
}
.map-popup h6{
	margin:0;
}
.map-popup a{
	font-size:14px;
	font-weight:500;
}
.map-popup a:focus-visible{
	outline:none;
	box-shadow:none;
}

/* Map Overlay */

#map-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 52, 94, 0);
	z-index: 500;
	display: flex;
	align-items: center;
	align-content: flex-end;
	justify-content: center;
	transition: all 0.5s;
	pointer-events: none;
}

#map-overlay.visible {
	opacity: 1;
	background: rgba(20, 52, 94, 0.5);
	pointer-events: auto;
}

#map-overlay div {
	padding: 10px;
	border: 1px solid var(--light-blue);
	background: transparent;
	font-size: 16px;
	opacity: 0;
	transition: all 0.3s;
	z-index: 10000;
	color: #fff;
}

#map-overlay.visible div{
	opacity: 1;
}

a.what3words {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	padding: 12px;
	margin-top: 20px;
	font-size: 1em;
	color: #e11f26;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 0 2px transparent inset;
	font-weight: 600;
	transition: all 0.3s;
}

a.what3words:hover{
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 0 2px #e11f26 inset;
}

a.what3words img{
	width:160px;
}

@media screen and (max-width:1100px){
	.tab-content.property-details .description-row{
		flex-direction:column;
	}
	.tab-content.property-details .description{
		margin:0;
		flex:0 0 100%;
	}
	
	.tab-content.property-details .map{
		margin:15px 0 0 0;
		flex:0 0 100%;
	}
	#property-map{
		max-width:none;
	}
}

@media screen and (max-width:900px){
	ul.hh-tabs{
		flex-direction:column;
		gap:0;
	}
	button.hh-nav-link{
		width:100%;
		border-bottom:1px solid #e7e7e7;
	}
	li.hh-nav-item:not(:first-of-type) button.hh-nav-link{
		border-radius:0;
	}
	.tab-content{
		border-radius:0 0 8px 8px;
	}
	.tab-content.property-details .info-bar ul{
		gap:10px 30px;
		flex-wrap:wrap;
	}
	.tab-content.property-details .info-bar ul li:first-of-type{
		width:100%;
	}
}

/* CASE STUDY */

/* Case Study Hero */

section.hero-image-alt {
	height: 500px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: stretch;
}

section.hero-image-alt .bg-image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 64px);
	height: calc(100% + 64px);
	background-size: cover;
	background-position: center;
	filter: blur(8px);
	transform: translate(-50%,-50%);
}

section.hero-image-alt .inner-image {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 30px;
}

section.hero-image-alt .inner-image .image{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
}

section.hero-image-alt .title {
	position: relative;
	background: var(--accent-green);
	border-radius: 12px;
}

section.hero-image-alt .title h5 {
	color: #fff;
	margin: 0;
	font-size: 1.125em;
	padding: 1em 1.5em;
	text-align:center;
}

section.case-study {
	padding: 45px 5%;
	background-color: var(--olive-white);
}

.case-study .sale-details{
	text-align:center;
}

.case-study p.address{
	font-size:1.5em;
}

.case-study p.date-sold{
	font-weight:600;
}

/* Case Study Property Info Bar */
.case-study .info-bar{
	
}

.case-study .info-bar ul {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin: 0 auto;
	width: fit-content;
	background: var(--body-color);
	padding: 10px 20px;
	border-radius: 5px;
}

.case-study .info-bar ul li{
	display:flex;
	flex-direction:column;
}

.case-study .info-bar ul li .icon{
	display:flex;
	gap:10px;
	align-items:center;
	text-transform:capitalize;
	font-weight:500;
}

.case-study .content{
	padding-top:45px;
}
.case-study {
	display: flex;
	justify-content: center;
	gap: 20px;
}

/* Case Study Property Stats */
.case-study .property-stats {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 30px;
}

.case-study .property-stats .stat {
	display: flex;
	gap: 10px;
	align-items: center;
	font-weight:500;
}

.case-study .property-stats .stat .number{
	background: var(--accent-blue);
	width: 32px;
	height: 32px;
	align-items: center;
	display: flex;
	justify-content: center;
	color: #fff;
	border-radius: 50%;
	font-weight: 600;
}

@media screen and (max-width:540px){
	.case-study .info-bar ul {
		flex-wrap: wrap;
		gap: 10px 20px;
	}
	
	.case-study .info-bar ul li:first-of-type{
		width:100%;
	}
	
	.case-study .info-bar ul li:first-of-type .icon{
		width:100%;
		display:flex;
		justify-content: center;
	}
}

/* CONTACT PAGE */

div.branches-map{
	border-radius:8px;
	box-shadow:0 2px 4px rgba(0,0,0,0.1);
}

/* TESTIMONIAL */
.ccm-block-testimonial-paragraph {
	font-weight: 500;
	line-height: 1.75em;
}

.ccm-block-testimonial-wrapper{
	margin-top:2rem;
}

.ccm-block-testimonial-paragraph{
	font-style: italic;
}

.ccm-block-testimonial-paragraph:before {
	content: '\f10d';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 600;
	font-size: 2rem;
	color: var(--accent-blue);
	margin: 0 1rem 0 0;
	font-style: normal;
}