/*
 Theme Name: Hunt Estates - Pepper+
 Theme URI: https://preview.artisanthemes.io/pepperplus/
 Author: Port 80 Services
 Author URI: https://port80.services/
 Description: Hunt Estates site
 Template: pepperplus
 Version:
 Text Domain: he_pepper
*/

/*fonts*/
@font-face {
font-family:Arapey Regular;
font-display: swap;
src:url(fonts/Arapey-Regular.ttf)}

@font-face {
font-family:Arapey Italic;
font-display: swap;
src:url(fonts/Arapey-Italic.ttf)}

@font-face {
font-family:Montserrat Light;
font-display: swap;
src:url(fonts/Montserrat-Light.ttf)}

@font-face {
font-family:Montserrat Regular;
font-display: swap;
src:url(fonts/Montserrat-Regular.ttf)}

@font-face {
font-family:Montserrat Semi-Bold;
font-display: swap;
src:url(fonts/Montserrat-SemiBold.ttf)}

@font-face {
font-family:Montserrat Medium;
font-display: swap;
src:url(fonts/Montserrat-Medium.ttf)}

body, html {
font-family: "Arapey Italic", serif;
height: 100%;
width: 100%;
margin: 0;
color:#484848;
padding: 0;
overflow-y: initial}

body:not(.home) {
font-family: "Arapey Regular", serif}

p:not(.cat-links) > a:not(.qbtn), a.underline {
text-decoration: underline }

p.modheader-intro {
width: 700px;
max-width: 100%;
text-transform:none;
margin: 30px auto;
font-family:"Montserrat Regular";
font-size: 16px}

#masthead  h1.site-title a img{
transition: .4s;}

.transparent-header #masthead.headroom--top .header-1st-row {
margin-top: 40px;}

.background-header #masthead.headroom--top .header-1st-row {
padding-top: 15px;}

#masthead.headroom--not-top .header-1st-row, #masthead.headroom--not-top #main-site-navigation {
padding-top: 10px}

#masthead.headroom--not-top #main-site-navigation {
padding-top: 5px}

.archive.transparent-header #masthead.headroom--top .site-title img, .single-property #masthead.headroom--top .site-title img, .single-international #masthead.headroom--top .site-title img {
filter: invert(100%)}

.archive.transparent-header #masthead.headroom--not-top .site-title img, .single-property #masthead.headroom--not-top .site-title img, .single-international #masthead.headroom--not-top .site-title img{
filter: invert(0%)}

.page-template-template-centered.page-child header.page-header {
height: 40vh;
display: flex;
align-items: center;
position: relative}

.page-template-template-centered.page-child header.page-header h1 {
z-index: 2;
position:relative}

.page-template-template-centered.page-child header.page-header::after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.25)}

#masthead h1.site-title a {
line-height: 50px}

#masthead.headroom--top h1.site-title a img {
max-height:40px}

#masthead.headroom--not-top h1.site-title a img {
max-height:30px}

h1.menu-toggle {
float: right;
margin-top: 0px;
display: block }

h1.menu-toggle.menu-toggle-active {
float: none;
position: absolute;
right: 45px;
top: 45px; }

.transparent-header.light-header .menu-toggle-active .menu-toggle-icon {
background: #000 }

#mob-site-navigation .inner-nav {
padding-top: 80px;
text-align: center }

body:not(.background-header) .headroom--not-top h1.site-title img {
filter: invert(90%)}

.header-1st-row .inner-header {
max-width: initial;
display: flex;
justify-content: space-between;
max-width: initial }

.header-1st-row .header-center {
text-align: left;
position: absolute;
height: auto;
line-height: 45px }

.headroom--not-top .header-1st-row .header-center {
margin-top: 30px }

.header-1st-row .header-center #header-phone a {
color: #fff;
font-family: "Montserrat Semi-Bold",sans-serif;
font-size: 15px;
letter-spacing: 0.075em;
line-height: 22px; }

.headroom--not-top .header-1st-row .header-center #header-phone a {
color: #000 }

.type-ibox.home h2.ibox-title {
font-family: Montserrat Light, sans-serif;
margin-bottom: 15px }

.type-ibox.home h5.ibox-small-title {
font-size: 12px;
margin-bottom: 5px;
animation-name: fadeInDown;
animation-iteration-count: 1;
animation-duration: 1s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode:both;
backface-visibility: hidden;}

.type-ibox.home .ibox-wrapper {
border: none!important;
max-width:none}

.type-ibox.home .ibox-text p {
font-size: 22px}

.type-ibox.home.type-ibox {
display: flex;
justify-content: center;
align-items: center }

.home.type-ibox #home-ibox-slides li.slide {
display: none!important }

.home.type-ibox #home-ibox-slides li.slide.flex-active-slide {
display: block!important }

.type-ibox.home.type-ibox li.slide:first-child {
display: block!important}

#he-bg-vid {
transition: all 2s cubic-bezier(0.835, 0, 0.19, 1);
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
z-index: 0;
height: auto;
transform: translateX(-50%) translateY(-50%);
background-size: cover}

.type-ibox img.centre-logo {
margin-bottom:20px;
width: 250px}

#content a.qbtn {
font-family: "Montserrat Medium", sans-serif;
letter-spacing: 1.5px;
font-size: 10px;}

.ibox-wrapper .top-buttons {
padding-top: 30px }

.ibox-wrapper .bottom-buttons {
padding-top: 75px }

.ibox-wrapper .button-wrapper {
display: inline-block;
margin: 0 50px; }

.ibox-wrapper .button-wrapper h6 {
color: #fff;
margin-bottom: 5px;
font-size: 18px }

.ibox-wrapper .button-wrapper a {
margin-top: 0; }

#page #main .insight-title {
margin:0;
font-family: "Montserrat Regular", sans-serif;}

.home .type-insights {
padding: 0}

.home .type-insights .inner-mod{
max-width: 100%}

.home #primary .insight img {
object-fit: cover;
height: 100vh}

#primary .insight-content,  #primary .insight img {
padding: 0;
width:100%;
float: none;
text-align: left;}

#primary .insight-content  {
padding: 30px 15px}

#primary .insight-text {
max-width:none;}

.home #primary .insight-text p{
color: #171819;
font-size: 15px;
line-height: 1.6;
font-family: "Arapey Regular", serif}

.home #primary .img-text-wrapper {
display: flex; }

.home .img-text-wrapper > div.img {
padding-right: 15px }

.home #primary .insight-content .img-text-wrapper img {
object-fit: contain;
height: initial;
float: none;
width: auto;
max-width: 100px }

.home #primary .insight-content .img-text-wrapper div {
float: none;
width: auto;
font-family: "Arapey Regular",serif;
font-size: 15px;
margin-bottom: 0 }

#post-77.type-columns.columns-layout1  {
display: flex;
display: -webkit-flex;
justify-content: center;
height: 100vh;
align-items: center}

#post-77.type-columns.columns-layout1 .modules-columns {
position: static;
display: flex;
flex-wrap: wrap;
max-width:100%;
width: 1200px;
margin: auto}

#post-77.type-columns .mod-column-1 {
z-index: 1}

#post-77.type-columns .mod-column-2 {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;}

#post-77.type-columns .modules-columns::after {
content: '';
display:block;
position: absolute;
width: 60%;
border: 1px solid white;
right: 0;
height: calc(100% + 16em);
transform: translateY(-8em);
outline: 2px solid rgba(127,127,127,0.3)}

#content .home-magazine {
text-align: center }

.home .type-video .video-mod-wrapper {
position:relative}

.home .type-video .video-mod-wrapper {
line-height:350px;
text-align: center;
transition: all 0.5s .2s cubic-bezier(0.23, 1, 0.32, 1);
cursor: pointer;
background: url(https://huntestates.com/wp-content/uploads/2020/11/christies-hunt-beach.jpg) no-repeat;
background-size: cover}

.home .type-video .video-mod-wrapper::before {
position:absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "\f04b";
display:none;
color: #fff;
font-size: 50px;
cursor: pointer;
font-family: "FontAwesome"}

.home .type-video .video-mod-wrapper iframe {
position:relative;
transition: all 0.5s .2s cubic-bezier(0.23, 1, 0.32, 1);
width: 100%;
height: 350px}

.home #post-2566 .type-video .video-mod-wrapper  iframe {
width: 100%;
margin-bottom:30px;
height: 450px}

.home #post-2566 .canvas-content  {
text-align:center}

.quadro-mod .social-links a, .quadro-mod .social-area a  {
height: 55px;
display: inline-block;
width: 55px;
color: #000;
padding: 0 9px;
box-sizing: border-box;
text-align: center;
line-height: 55px;
margin: 5px 10px 5px;
border: 2px solid rgba(127,127,127,0.3);
border-radius: 100%}

.quadro-mod .social-links {
margin-bottom: 20px}

.quadro-mod .social-links a:hover, .quadro-mod .social-area a:hover {
border-color: rgba(255,255,255,0.3)}

.quadro-mod .social-links a i.fa, .quadro-mod .social-area a i.fa {
color: #000;
font-size: 22px;
font-family: 'Font Awesome 5 Brands' }

#post-77.type-columns .mod-column-2 .type-canvas .canvas-content {
width: 100%;
max-width: 400px;
margin:auto}

#post-77.type-columns .type-canvas .canvas-content p  {
font-size:15px;
color: #000}

.home .type-testimonials .mod-header {
margin-bottom: 0}

.home .type-testimonials .testimonial-item-photo {
width: 20% }

.home .type-testimonials .testimonial-item-content {
width: 100%;
margin-left: 0;
text-align: center;
min-height: 250px;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center; }

.home .type-testimonials .testimonial-item-text {
max-width: 900px;
margin: 0 auto 20px;
font-size: 130% }

.home .type-testimonials .testimonial-item-author {
width: 100% }

.home .type-testimonials .testimonial-item-author:before {
position: static;
margin: 0 auto 20px; }

.home .type-testimonials .testimonial-item-author {
padding-left: 0 }

.home .type-testimonials p.view-more-link {
text-align: center;
margin: 50px auto 0 }

@media only screen and (max-width: 568px) {

	.home .type-testimonials .testimonial-item-text  {
    font-size: 115%;
	}
}


/*home blog */

.home .type-blog .mod-header {
margin-bottom:10px}

.home .type-blog .mod-content {
margin: auto;
max-width:100%;
width:1140px}

.home .type-blog  #grid article .entry-meta, .home .type-blog p.cat-links{
display:none}

.home .type-blog p.view-more-link {
text-align: center}

/* home - areas */
.home .type-areas-grid {
padding:0;
max-width: 100%}

.home .type-areas-grid ul.quadro-services li {
padding:0;
height: 33vh}

.home .type-areas-grid ul.quadro-services li >a {
display:block;
width: 100%;
z-index:9;
height: 100%;
position: absolute}

.home .type-areas-grid ul.quadro-services li:not(:first-child):after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.25);
content: "";
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
display: table}

.home .type-areas-grid ul.quadro-services li:not(:first-child):hover::after {
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
background: rgba(23,24,25,.85)}

.home .type-areas-grid ul.quadro-services .service-content-wrapper {
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
position: relative;
top: 50%;
text-align: center;
transform: translateY(-50%);
position: absolute;
width: 100%;
max-width: 100%;
z-index: 9}

.home .type-areas-grid ul.quadro-services .service-content {
transition: .5s;
left: 0;
right: 0;
margin: auto;
top: 50%;
transform: translateY(-50%);
opacity: 0;
position: absolute;
font-size: 15px;
color: #fff;
line-height: 24px;
padding: 0 40px}

.home .type-areas-grid ul.quadro-services li:hover .service-content {
opacity:1}

.home .type-areas-grid ul.quadro-services .service-content-wrapper h3 {
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
color:#fff;
font-size:18px}

.home .type-areas-grid ul.quadro-services li:first-child h3 {
color: #171819;
font-family: "Montserrat Medium", sans-serif;
font-size: 24px}

.home .type-areas-grid ul.quadro-services li:not(:first-child):hover h3 {
transform: translateY(-80px)}

.home .type-areas-grid ul.quadro-services li:not(:first-child) a.qbtn {
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
color:#fff;
left: 0;
right: 0;
margin: 0 auto;
position: relative;
border: none;
top: 50%;
transform: translateY(-50%);
opacity: 0;
position: absolute}

.home .type-areas-grid ul.quadro-services li:not(:first-child) a.qbtn:hover {
background: none!important;
opacity:.7}

.home #primary #content .type-areas-grid  a.qbtn:hover {
color:#fff!important}

.home .type-areas-grid ul.quadro-services li:not(:first-child):hover a.qbtn {
opacity: 1;
transform: translateY(50px)}


/* christies connection section */
#post-108 {
padding: 0;
min-height: 0!important;
height: auto!important;
margin: 20px 0;
background: #000}

#post-108 .inmod-s  {
max-width:none}

#christies {
width: 100%;
position: relative}

#christies img {
display: block;
position:relative;
z-index:2;
width: 100%}

#christies .christies-sml img {
height: 100%;
object-fit: cover;}

#christies .christies-quote-sml{
position: relative}

#christies .christies-quote {
padding: 3em;
background: #fff;
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
box-sizing: border-box}

#christies .christies-quote img{
max-width:500px;
margin:auto}

#christies .christies-quote p {
margin: 0;
font-family: "Montserrat Semi-Bold", sans-serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing:.15em;
color:#000}

#christies .christies-big{
position:relative;
display: flex;
align-items: center;
text-align: center}


#christies .christies-big img, #christies .christies-sml img, #christies .christies-big p.img-wrap{
width:100%;
height: 100%;
margin:0;
object-fit: cover;}

#christies .christies-sml img {
object-position:top}

#christies .overlaid-text {
position: absolute;
transition: all 3s cubic-bezier(0.835, 0, 0.19, 1);
z-index:99;
top: 50%;
bottom:0;
transform: translateY(-50%);
font-family: "Arapey Italic";
padding: 30px;
opacity: 0;
color: #fff;
font-size:19px;
animation-name: fadeOut;
animation-iteration-count: 1;
animation-duration: .4s;
animation-delay: .1s;
animation-timing-function: ease;
animation-fill-mode:both;
backface-visibility: hidden;
display: flex;
align-items: center;
flex-wrap: wrap;
align-content: center;}

#christies .christies-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(23,24,25);
z-index:4;
opacity:.5;
animation-name: fOutPart;
animation-iteration-count: 1;
animation-duration: .4s;
animation-delay: .1s;
animation-timing-function: ease;
animation-fill-mode:both;
backface-visibility: hidden;}

#christies a.qbtn, #christies h2 {
color:#fff;
z-index:9;
left: 0;
right: 0;
transition: all .4s cubic-bezier(0.835, 0, 0.19, 1);
transition-delay:.1s;
margin: 0 auto;
position: absolute}

#christies a.qbtn {
transform:translatey(150%);
z-index:999999;
width: 120px}

#christies h2 {
max-width: 100%;
width: 400px}

@keyframes fInPart {
0% {
opacity:.5;}

100% {
opacity:.9}
}
@keyframes fOutPart {
0% {
opacity:.9;}

100% {
opacity:.5}
}

/* home buying/selling luxury */
.home .text-image-wrapper .image {
text-align: center;
border: 1px solid #000;
border-radius: 2px }

@media (min-width: 768px) {
	.home .text-image-wrapper {
	display: flex; }

	.home .text-image-wrapper .text {
	margin-right: 20px;
	max-width: 50% }
}

@media (min-width: 992px) {
	.home .text-image-wrapper .text {
	max-width: 60% }
}

/*Christies auction house section*/

.type-services.type-christies-boxes .inner-mod {
max-width:100%}

.type-services.type-christies-boxes li.quadro-service {
height: 50vh;
display:flex;
padding: 0;
text-align:Center;
align-items: center}

.type-services.type-christies-boxes li.quadro-service >a {
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 9;}

.type-services.type-christies-boxes li.quadro-service .service-content-wrapper {
display:flex;
flex-wrap: wrap;
height: 100%;
align-content: center;
justify-content:center;
width: 100%}

.type-services.type-christies-boxes li.quadro-service::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(23,24,25);
z-index:4;
content:"";
transition: all .6s cubic-bezier(0.835, 0, 0.19, 1);
display:block;
opacity:.5}

.type-services.type-christies-boxes li.quadro-service:hover::after {
transition: all .4s .1s cubic-bezier(0.835, 0, 0.19, 1);
opacity:.85}

.type-services.type-christies-boxes li.quadro-service  h3.service-title span {
font-size: 16px;
letter-spacing: 0.15em;
border: 2px solid #fff;
display:block;
transition: all .3s  cubic-bezier(0.835, 0, 0.19, 1);
color:#fff!important;
padding: 8px 16px}

.type-services.type-christies-boxes li.quadro-service  h3.service-title span:hover, .type-services.type-christies-boxes li.quadro-service:hover  h3.service-title span{
border-color:#fff;
color:#000!important;
transition: all .8s cubic-bezier(0.835, 0, 0.19, 1);
background: #fff}

.type-services.type-christies-boxes li.quadro-service  h4.service-tagline {
opacity:1;
width: 100%;
color: #ccc;animation-name: fadeOutUp;
animation-iteration-count: 1;
animation-duration: .4s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode:both;
backface-visibility: hidden}

.type-services.type-christies-boxes li.quadro-service:hover h4 {
animation-name: fadeInDown;
animation-delay: .1s;
animation-duration: .4s}

.type-services.type-christies-boxes li:first-child {
background-color:#000;
background-repeat: no-repeat;
background-size: 80% auto}

.type-services.type-christies-boxes li:first-child::after {
opacity:.2!important}

/*New home intro section*/

@media (min-width: 600px){
#content .columns-two {
display: flex;
justify-content: center}
}
#content .columns-two div{
margin: 20px}

/*Global bottom section call to action */

#post-74 {
display: flex;
align-items: center}

#post-74 .mod-content  {
text-align: center;
width: 480px;
line-height: 1.5;
padding: 35px;
margin: auto;
font-family:"Arapey Italic", serif;
max-width: 100%;
background: #f5f5f5}

/*Inner pages - global */

.page-template-template-centered h1 {
font-size: 30px;
text-align:center}

body:not(.home) .quadro-mod h1.mod-title {
margin-bottom:0}

body:not(.home) .quadro-mod .mod-header {
margin-bottom:20px}

.type-slogan {
height: 60vh}

.slogan-content-wrapper {
padding: 10px 15px}

.type-slogan .slogan-content-wrapper h1, .type-slogan .slogan-content-wrapper p, .type-image.hero-image h1 {
font-size:26px;
margin-bottom:25px;
color: #fff}

.type-slogan .mod-content {
position: absolute;
z-index:4;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)}

.type-slogan .mod-content p, .type-slogan .slogan-content-wrapper p {
font-family: "Arapey Italic", serif;
font-size:22px}

div.highlight-area {
padding: 40px;
margin-bottom:20px;
background: #f5f5f5}

div.highlight-area figure.wp-caption {
margin:auto}

div.highlight-area figure.wp-caption figcaption.wp-caption-text{
font-family: "Montserrat Regular", sans-serif;
font-style: normal;
line-height: 140%;
letter-spacing:.15em;
text-transform: uppercase;
margin-top: 20px !important}

h1.section-heading {
text-align: center; }

/*using the image module to replace the slogan */

#content .type-image.hero-image {
padding: 0}

#content .type-image.hero-image .inner-mod {
max-width: 100%}

#content .type-image.hero-image img {
height: auto;
display: block;
object-fit: cover;
min-height: 350px;
width: 100%;
aspect-ratio: 16/5}

#content .type-image.hero-image .mod-header {
position: absolute;
z-index: 6;	
top: 50%;
transform: translateY(-50%);
left: 0;
right:0;
margin: auto}

#content .type-image.hero-image .mod-header h1{
position:relative;
z-index: 8;
color: #fff}

#content .type-image.hero-image .dark-overlay{
z-index: 5}

/*Inner pages -  Who we are page*/

.page-id-29 #content h1.mod-title {
text-align:left}

.page-id-29 #post-110 .insight img {
filter: grayscale(1) }

body:not(.home) .type-insights .insight-content  {
padding-top: 0;
margin-top: 0}

.type-canvas#post-103, .type-canvas#post-2586 {
padding: 20px;
background:#f5f5f5!important}

.type-canvas#post-2586 {
max-width:100%;
margin:auto;
width:1170px}

#main #post-105.type-services.services-type3 h1.mod-title  {
text-align: center}

#post-105.type-services.services-type3 .service-content-wrapper  {
max-width: none}

#post-105.type-services.services-type3 li.quadro-service {
width: 100%;
padding: 30px}

#post-105.type-services.services-type3 li.quadro-service h3 {
font-size: 20px}

#post-105.type-services.services-type3 .service-content {
margin-top: 5px}

#post-2582 li.insight {
display: flex;
flex-wrap:wrap;
align-items: center}

.page-id-60 .mod-column-mods-wrapper  .type-canvas h1.mod-title {
font-size: 20px;
text-align:left}

.page-id-60 .type-logos p.modheader-intro {
font-family: "Arapey Regular", serif;
font-size: 18px}

.page-id-60 .img-text-wrapper {
display: flex;
padding: 10px 0; }

.page-id-60 .img-text-wrapper > div.img {
padding-right: 15px }

@media only screen and (min-width: 1025px) {
.page-id-60 .type-columns .mod-column-mods-wrapper {
display:flex;
flex-wrap:wrap}

.page-id-60 .mod-column-mods-wrapper  .type-canvas {
box-sizing:border-box;
padding: 0 30px;
width: 50%}
}



/*testimonial page*/

div.testimonials-wrapper h2 {
text-align: center }

div.testimonials-type4 .testimonial-item-wrapper::after {
margin: 20px 0;
display: block;
content: "";
width: 200px;
float: right;
border-top: 1px solid #ccc}

div.testimonials-type4 div.testimonial-item-author {
text-align:right}

div.testimonials-type4 div.testimonial-item-author {
text-align:right}

div.testimonials-type4 .testimonial-item-wrapper {
border-left: 5px solid #f8f8f8}

div.testimonials-type4 p.testimonial-item-text::before, div.testimonials-type4 p.testimonial-item-text::after {
content:'"';
padding: 0 2px;
display: inline-block;}

div.testimonials-type4 div.testimonial-item-author  span {
color: #171819;
font-family: "Montserrat Semi-Bold", sans-serif}

div.testimonials-type4 div.testimonial-item-author  span:first-child {
font-size:12px}

.post-type-archive-testimonials .paging-navigation, .post-type-archive-magazine .paging-navigation {
max-width: 1000px;
margin: 50px auto 0; }

/*video feed- you tube*/

#content .epyt-gallery-allthumbs.epyt-cols-3  {
display:flex;
flex-wrap: wrap}

#content .epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb {
width: 100%;
float: none}

#content .epyt-gallery-rowbreak {
display: none}

#content .epyt-gallery-title {
color:#171819}

/*our team landing page */


#our-team {
text-align: center}

#our-team div.agent {
padding: 0 30px;
transition: all 0.6s  cubic-bezier(0.23, 1, 0.32, 1);
position: relative;
box-sizing:border-box;
margin: 40px 0}

#our-team div.agent img {
transition: all .4s .1s  cubic-bezier(0.23, 1, 0.32, 1);
width: 100%}

#our-team div.agent img:hover {
filter:  saturate(0%);
transition: all 1.6s .1s cubic-bezier(0.23, 1, 0.32, 1)}

#our-team div.agent h1 {
margin-bottom:5px;
font-size: 15px}

#our-team div.agent h4 {
margin-bottom:5px;
position:relative;
text-align:center;
font-size: 14px;
letter-spacing: 1.5px;
font-family: "Arapey Italic", serif;
text-transform:capitalize}

#our-team div.agent h4 a{
color: #888!important}

#our-team div.agent:nth-child(1) h4 a, #our-team div.agent:nth-child(2) h4 a{
text-transform: uppercase;
font-family: "Montserrat Regular", sans-serif;
color:rgb(23,24,25)!important;
padding: 6px 0;
font-size: 13px;}

#our-team div.agent ul {
margin: 0;
list-style: none}

#our-team div.agent ul li  {
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: "Montserrat Regular", sans-serif;
margin-bottom: 4px;}

#our-team div.agent ul li i{
color: #888;
width: 20px;
display: inline-block}

#primary .type-slogan.image-sacha-butlin-baner {
background-position: top}

#primary .type-slogan.image-shunt-banner  {
background-position: bottom}

/*Rental page */
.page-id-58 .type-canvas .canvas-content ul {
columns: 300px 2;
column-gap: 50px}

/*Property Search landing page*/
#prop-search .heading-wrapper {
text-align: center;
padding: 10px 0; }

#prop-search .heading-wrapper::after {
display: none}

#prop-search .heading-wrapper h6 {
display: inline-block;
margin-bottom: 0;
margin-right: 5px;
font-family: "Montserrat Semi-Bold";
font-size: 10px; }

#prop-search .heading-wrapper .search-text {
position: relative;
font-size: 0.9em;
color: #666 }

#prop-search .heading-wrapper a.search-all {
text-decoration: underline;
font-size: 14px }

#property-view ul.properties {
list-style: none;
display: flex;
flex-wrap: wrap;
margin-left: 0 }

#property-view li.property {
width: calc(50% - 0.75em);
margin-right: 1.5em;
margin-bottom: 1.5em;
padding: 0;
position: relative }

#property-view li.property .main-image {
background-size:cover;
background-position:center;
height: 28.125vw}

#property-view li.property >a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0}

#property-view li.property:nth-child(1) {
width: calc(50% - 0.75em - 1px);}

#property-view li.property:nth-child(2n) {
margin-right: 0}

#property-view .prop-details {
max-width:none;
position: relative;
background-color: rgba(0,0,0,0.75);
font-family:"Montserrat Regular", sans-serif;
text-transform:uppercase;
letter-spacing: 1.5px;
color:#fff;
bottom: 0;
height: 200px;
width: 100% }

.post-type-archive-international #property-view .prop-details {
height: 240px }

#property-view .prop-details .top{
padding: 20px 20px 0 }

#property-view .prop-details .bottom{
padding: 10px 20px 20px;
display: flex;
align-items: center;
justify-content: space-between }

#property-view .prop-details .bottom .right {
display: flex;
justify-content: flex-end;
align-items: center;}

#property-view .prop-details .bottom .right a.qbtn {
color: #fff}

#property-view .bottom .left {
line-height: 20px }

#property-view .bottom .left span {
font-size: 12px;
text-shadow: 1px 1px 1px rgba(0,0,0,.4);
padding: 0 10px;
border-right: 1px solid #eee;
white-space: nowrap }

#property-view .bottom .left span:last-child{
padding-right: 0;
border:0}

#property-view .bottom .left span:first-child{
padding-left: 0}

#property-view .prop-details .prop-price {
font-size: 18px;
line-height: 1.3em }

#property-view .prop-details .prop-price .local {
font-size: 15px }

#property-view .prop-details h2 {
letter-spacing: 3.5px;
margin: 0;
font-size: 18px;
color:#fff}

#property-view .prop-details h6 {
margin: 5px 0 0;
color: #fff;
letter-spacing:1.5px;
text-shadow: 1px 1px 1px rgba(0,0,0,.4);
font-size: 12px}

#property-view #load-more {
text-align: center;
margin-bottom:30px;
cursor: pointer }

/* latest properties (home) */
.type-latest-properties #property-view li.property {
width: calc(33% - 0.75em); }

.type-latest-properties #property-view li.property:nth-child(1) {
width: calc(33% - .75em - 1px); }

.type-latest-properties #property-view li.property:nth-child(2n) {
margin-right: 1.5em; }

.type-latest-properties #property-view li.property:nth-child(3n) {
margin-right: 0 }

.type-latest-properties #property-view li.property .main-image {
height: 15vw}

.type-latest-properties #property-view .prop-details .bottom {
display: none }

.type-latest-properties #property-view .prop-details {
height: 190px }
	

/*Prop landing page search*/

#prop-search {
padding: 0 40px;
position: relative;
z-index: 4;
background: #F1F1F1}

#prop-search .container {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0}

#prop-search #search-close:after {
display:inline-block;
position: relative;	
width: 16px;
content: "";
margin-left: 5px;
height: 16px;
background-image:url('img/close.png');
background-size: cover;
top: 2px }

#prop-search .slider-container {
text-align: center}

#prop-search .container .field-wrap {
box-sizing: border-box;
width: 20%;
min-width: 240px;
padding: 30px 15px}

#prop-search .slider-container .field-wrap {
margin: 0 15px}

#prop-search .slider-container .field-wrap.short {
width: 10% }

#prop-search .field-wrap h6 {
font-family: "Montserrat Semi-Bold";
margin-bottom:15px;
text-align: center;
font-size: 10px}

#prop-search .field-wrap input[type=text], #prop-search .field-wrap select{
color: #171819;
border: 2px solid #171819;
font-size: 10px;
width: 100%;
font-family: "Montserrat Regular", sans-serif;
text-transform:uppercase;
height: 42px;
color:#484848!important;
letter-spacing: .2px;
padding: 3px 3px 3px 6px !important }

#prop-search .field-wrap input[type=text]{
appearance: none;
-moz-appearance: none;
-webkit-appearance: none}

#prop-search .field-wrap select option {
background: #F1F1F1;
font-family: "Montserrat Regular", sans-serif;
text-transform:uppercase!important;
font-variant:small-caps;
font-size: 13px}

#prop-search .field-wrap input[type=radio] {
width: initial;
height: initial;
margin-right: 10px }

#prop-search .field-wrap input[type=radio]:not(first-child) {
margin-left: 20px }

#prop-search span.input-search {
position:relative}

#prop-search span.input-search::before {
content: "\f002";
left: 7px;
top: -2px;
font-size: 20px;
display:inline;
position:absolute;
font-family: "FontAwesome"}

#prop-search .field-wrap span.input-search input {
padding-left: 30px!important}

#props-loading, #props-loading-more {
display: block;
text-align: center}

#property-results .no-results {
font-family: "Monserrat Regular", sans-serif;
text-align: center;
font-size:20px;
text-transform: uppercase;
letter-spacing: 0.15em;
padding: 40px;}

#prop-search #prop-search-full .slider-container h6 {
margin-bottom:35px}

#prop-search #prop-search-full .slider-container .field-wrap.short h6 {
margin-bottom:20px}

#prop-search .ui-slider {
height: 2px;
background: #ccc }

#prop-search .ui-slider-range {
background: #000}

#prop-search .ui-slider-handle {
background: #000 }

#prop-search .handle-label {
top: 50%;
margin-top: -38px;
background: none;
text-align: center;
cursor:pointer;
color: #8a8f94;
font-family:"Montserrat Regular", sans-serif;
font-size: 13px;
width:auto;
line-height: 1.6em}

#prop-search .handle-label::after {
display:block;
width: 10px;
content: "";
margin: 10px auto 0;
height: 10px;
border-radius: 100%;
background:#fff;
position:absolute;
border: 2px solid#000;}

#property-view .overlay-text, body.single-property .main-image .overlay-text   {
position: absolute;
padding: 10px 15px;
top: 0;
left: 0;
display: inline-block;
text-transform: uppercase;
font-family: Montserrat;
font-weight: 600;
font-size: 16px;
color: #fff;
text-align: center;
background:#a1242d}

#main .overlay-text.status {
left: initial;
right: 0;
font-size: 18px }

#main .overlay-text.status.logo span::after {
display: inline-block;
content: '';
margin-left: 20px;
position: relative;
top: 7px;
background-image: url('/wp-content/uploads/2020/11/hunt-estates.png');
background-size: contain;
background-repeat: no-repeat;
width: 122px;
height: 23px; }

#main .overlay-text.status.logo[class$='-christies'] span::after {
width: 188px;
background-image: url('/wp-content/uploads/2025/09/christies-hunt-estates-logo.webp'); }

body.single-property .main-image .overlay-text {
top: initial;
z-index:2;
bottom: 0;
left: initial;
right:0}

.post-type-archive-property h3.confidential {
padding-top: 26%;
font-size: 24px;
text-transform: uppercase;
font-family: Montserrat;
font-weight: 600;
color: #fff;
text-align: center }

/*Single Property View*/

#prop-bg-image {
min-height: 50vh; }

#prop-bg-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom,rgba(10,11,12,.6) 0,rgba(10,11,12,.4) 3%,rgba(0,0,0,0) 25%); }

.post-type-archive-property .heading-wrapper.type-slogan {
background-size: cover;
background-position:center;
height:60vh;
box-sizing: border-box;
display: flex;
align-items: center}

.post-type-archive-property .heading-wrapper {
position:relative}

.post-type-archive .heading-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom,rgba(10,11,12,.6) 0,rgba(10,11,12,.4) 3%,rgba(0,0,0,0) 25%);}

.single-property h4::after, .single-property .site-content header h1.prop-title::after, .single-international h4::after, .single-international .site-content header h1::after {
content:"";
display:block;
width: 100px;
margin: 10px auto 0;
position: absolute;
left: 0;
right: 0;
border-bottom:1px solid}

.single-property #our-team div.agent img {
max-width: 250px; }

@media only screen and (min-width: 1025px) {
.single-property #our-team div.agent {
margin: 40px 4% }

.single-property #our-team div.agent:nth-child(1), .single-property #our-team div.agent:nth-child(2) {
padding: 0; }
}

.single-international #prop-bg-image .dark-overlay, .post-type-archive-international .heading-wrapper.type-slogan .dark-overlay {
opacity: 0.25;
background: #000000 }

.post-type-archive-magazine .heading-wrapper.type-slogan .dark-overlay {
opacity: 0.45 }

.post-type-archive-magazine .intro-wrapper {
padding-top: 30px}

.single-property .magazine-link {
padding: 20px 30px;
font-style: italic;
background-color: #f5f5f5;
display: inline-block; }

.single-property .magazine-link a {
white-space: nowrap }

.post-type-archive-international #prop-search .intro, .post-type-archive-magazine .intro-wrapper .intro {
text-align: center;
padding: 30px;
max-width: 1100px;
margin: 0 auto;
font-size: 20px;
line-height: 28px; }

#property-images {
display: flex;
flex-wrap: wrap;
justify-items: center;
align-items: center;
justify-content: space-between}

#property-images a.open-photo {
margin-bottom:10px;
width: calc(33.3333% - 5px);
display: block}

#property-images a.open-photo img {
width: 100%;
aspect-ratio: 16/10;
display: block;
object-fit: cover }

@media (min-width:767px) {
#property-images a:nth-child(3n+2):last-of-type{
margin: 0 auto 10px 10px}
}	
.single-international #property-images a.open-photo.first {
width: 100%}

.single-international #property-images a.open-photo.first img {
height: auto }

.property div.confidential {
background: #494E52;
text-align: center;
padding: 20% 30px 10%; }

.property div.confidential h3 {
font-size: 24px;
text-transform: uppercase;
font-family: Montserrat;
font-weight: 600;
color: #fff;
text-align: center }

#content .property div.confidential .qbtn {
color: #fdfcfc }
#content .property div.confidential .qbtn:hover {
color: black !important;
border-color: #fdfcfc !important;
background-color: #fdfcfc !important }

div.prop-container  {
margin: auto;
width: 1190px;
padding: 0 15px 40px;
box-sizing:border-box;
max-width: 100%;}

.single-property .site-content header, .single-international .site-content header {
padding: 80px 40px 40px;
box-sizing:border-box;
text-align: center}

.single-property .site-content .prop-amenities header {
padding: 20px 40px }

.single-property .site-content .prop-amenities {
padding-bottom: 40px }

.property-intro p.header-price {
font-size: 20px;
font-family: "Montserrat Regular", sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px}

.property-intro p.header-price .price-other {
display: block;
font-size: 0.8em }

.property-intro .header-notice {
background-color: #f5f5f5;
padding: 20px;
font-size: 1.05em;
line-height: 1.5;
width: 90%;
margin: 0 auto 20px;
text-align: center; }

.property-intro .header-notice h6 {
font-size: 22px;
margin-bottom: 10px }

.property-intro img.attachment-quadro-full-thumb {
width: 100%}

#prop-detail-columns .modules-columns {
display: flex}

#prop-detail-columns .mod-column {
display: block}

#prop-detail-columns .mod-column-1 {
box-sizing: border-box}

div.prop-container .prop-video-wrap {
margin: 0 0 60px;
position:relative;
padding-bottom: 56.25%;
overflow: hidden }

div.prop-container .prop-video-wrap iframe, #prop-location-map iframe, #area-props-map iframe {
height: 100%;
position:absolute;
width: 100%;
top: 0;
left: 0 }

div.prop-container .embed-code-wrap {
display: flex;
justify-content: center }

.prop-widget  {
background: #f5f5f5;
padding: 30px 50px}

.prop-widget h6  {
font-family: "Montserrat Semi-Bold", sans-serif;
margin-bottom: 15px;
font-size: 14px}

.prop-widget > div.prop-feature   {
display: flex;
align-items: center;
justify-content: space-between;
line-height: 1.2;
letter-spacing: 0.15em;
font-family: "Montserrat Semi-Bold", sans-serif;
font-size: 10px;
border-bottom: 1px solid rgba(105,109,114,0.3);
padding: 0.5em 0}

.prop-widget > div.prop-feature:last-child, ul.prop-actions li:last-child{
border: 0!important}

.prop-widget > div.prop-feature span {
font-family: "Arapey Italic", serif;
font-size: 16px;}

.prop-widget > div.prop-feature span.size {
line-height: 1.2;
font-size: 10px;
letter-spacing: 0.15em;
font-family: "Montserrat Semi-Bold", sans-serif;
font-size: 10px; }

#prop-main-actions ul  {
margin: auto}

#prop-main-actions ul li {
padding: 30px;
margin: auto;
position:relative;
border: none}

ul.prop-actions li {
list-style: none;
text-align: center;
font-size: 13px;
font-family: "Montserrat Regular";
text-transform: uppercase;
letter-spacing: 0.15em}

ul.prop-actions.sidebar-actions {
margin: 20px 0}

ul.prop-actions.sidebar-actions li {
font-size: 12px;
text-align: left;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #f1f1f1;}

ul.prop-actions li i {
display: block;
text-align:center;
font-size: 20px;
color: #888;
width: 100%}

ul.prop-actions li.virtual-tour {
display: block; }

ul.prop-actions li.virtual-tour div#virtual-tour-text {
margin-top: 15px;
padding-left: 40px;
text-transform: none }

/*ul.prop-actions li.virtual-tour a.data-overlay {
text-decoration: underline; }*/

#prop-main-actions  {
padding: 60px 0;
margin: 40px 0;
background: #f5f5f5}

#prop-main-actions ul li i::before{
color: #888;
display:block;
margin-bottom:8px;
font-size:30px}

ul.prop-actions.sidebar-actions li i {
width: 40px;
display: inline-block}

ul.sidebar-actions li i::before{
font-size: 25px}

ul.prop-actions li a#sharer  {
cursor:pointer}

ul.prop-actions li #share-links {
position: absolute;
padding: 15px 20px 10px;
background: rgba(23,24,25,.4);
width: 120px;
margin-top: 10px;
border-radius: 2px;
left: 34px }

ul.prop-actions li #share-links::before {
top: -12px;
left: 0%;
right: 0;
margin: auto;
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 12px solid rgba(23,24,25,.4)}

/* share links in left column */
ul.prop-actions li #share-links span {
color:#fff;
font-size:20px;
margin: 5px}

ul.prop-actions.sidebar-actions li.floor-plan-wrapper, ul.prop-actions.sidebar-actions li.brochure-wrapper {
display: list-item }

ul.prop-actions.sidebar-actions li.floor-plan-wrapper a, ul.prop-actions.sidebar-actions li.brochure-wrapper a {
cursor: pointer }

ul.prop-actions.sidebar-actions li ul {
margin-left: 50px; }

ul.prop-actions.sidebar-actions li ul li {
border-bottom: none;
padding-bottom: 0; }

ul.prop-actions.sidebar-actions li.share-wrapper {
display: flex; }

ul.prop-actions.sidebar-actions li.share-wrapper #share-links {
background: none;
width: initial;
padding:0;
margin:0;
left: initial;
position: initial; }

ul.prop-actions.sidebar-actions li.share-wrapper #share-links span {
color: #888;
margin: 0 15px 0 0}

ul.prop-actions.sidebar-actions li.share-wrapper #share-links span::before {
font-size:25px}

.agent-bio  {
text-align: center}

.agent-bio a {
font-family: "Montserrat Regular";
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.15em}

.agent-bio a i {
padding-right: 5px}

.agent-bio h6 {
font-family: "Montserrat Semi-Bold", sans-serif;
letter-spacing: 0.15em;
margin-bottom: 5px;
font-size: 12px}

#prop-feat-images {
width: 100%;
position: relative}

#prop-feat-images img {
display: block;
width: 100%}

#prop-feat-images .feat-sml img {
height: 100%;
object-fit: cover;}

#prop-feat-images .prop-feat-sml-quote{
position: relative}

#prop-feat-images .prop-quote {
padding: 3em;
background: #f5f5f5;
text-align: center;
display: flex;
justify-content: center;
flex-direction: column}

#prop-feat-images .prop-quote p {
margin: 0;
font-family: "Arapey Italic", serif;
font-size: 20px;}

#prop-feat-images .prop-quote span {
font-size: 15px;
display:inline-block;
text-transform: uppercase;
padding-top: 20px;
font-family: "Montserrat Semi-Bold", sans-serif}

#prop-feat-images .prop-quote span::before {
content: "- ";
display: inline-block}

#amenities-wrapper {
padding: 0 40px 30px}

.prop-amenities {
text-align: center}

.prop-amenities ul {
width: 900px;
max-width: 100%;
margin: 20px auto;
position:relative;
padding: 0;
columns: 300px 2}

.prop-amenities ul::after, .prop-amenities ul::before {
display: block;
background: #fff;
height: 3px;
content: "";
width: 100%;
margin-top: -10px;
position: absolute;
top:0;
left: 0}

.prop-amenities ul::after {
top: initial;
bottom: 8px;
margin-top: 0}

.prop-amenities ul li{
font-family: "Arapey Italic", serif;
max-width:100%;
list-style: none}

.prop-amenities ul li::after{
width: 80%;
display: block;
border-bottom: 1px solid #e5e5e5;
content:"";
margin: 4px auto 8px}

#prop-map {
height: 600px}

.prop-amenities ul li span {line-height: 1.2;
font-size: 13px;
margin-left: 20px;
font-family: "Montserrat Semi-Bold", sans-serif}

.map-notice {
padding: 10px 0;
font-family: "Arapey Italic", sans-serif;
font-size: 15px}

.map-notice a{
color:#000;
text-decoration:underline;
cursor: pointer}

.map-notice a:hover{
text-decoration: none}

.single-property .disclaimer {
max-width: 1160px;
margin: 0 auto;
font-size: 16px;
font-style: italic;
line-height: 24px }

.prop-distances .prop-feature   {
display: flex;
width:80%;
margin:auto;
align-items: center;
justify-content: space-between}

#prop-area {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px}

#prop-area .prop-area-text-inner {
width: 80%;
max-width: 30em}

#prop-area .prop-area-text-wrap {
padding: 30px;
margin:auto;
box-sizing: border-box}

#prop-area .prop-area-text-wrap .area-name {
white-space: nowrap }

#prop-area .prop-area-image img {
display: block;
height: 100%;
width: 100%;
object-fit: cover}

.single-international .listing-agent {
padding: 20px 0;
background: none }

.single-international .listing-agent h6 {
margin-bottom: 10px }

.single-international .listing-agent div {
font-size: 16px }

.single-international .listing-agent div.agency {
line-height: 18px;
padding-top: 5px }


/* Mortgage calc overlay */
#prop-detail-columns div#calc-modal-form {
width: 600px;
max-width: 90%;
margin: 0 auto;
background: white;
padding: 20px; }

#prop-detail-columns div > .qbtn {
margin-top: 10px }

#prop-detail-columns .disclaimer {
font-size: 0.8em;
line-height: initial;
margin-top: 20px }

/* Areas */
body.tax-area .quadro-mod.header-wrapper {
background-color: #f5f5f5; }

#area-props-map {
height: 600px }

/*inner pages headers */

.heading-wrapper.type-slogan {
box-sizing: border-box;
background-size: cover;
background-position: center;
position: relative}

.heading-wrapper.type-slogan .dark-overlay {
opacity: .35}

.heading-wrapper.type-slogan.image-maxwell-baybes-meet-team  {
background-position: top}

/*Inner pages - blog*/

body.page-id-14, body.archive.category {
background: #F1F1F1}

body.archive #main{
background: none}

body.archive .archive-header{
background: none;
border: 0}

#grid.blog-container  {
width: 1170px;
height: auto!important;
flex-wrap: wrap;
justify-content: center;
display: flex;
margin:auto;
max-width:100%}

#grid.blog-container article {
background: #fff;
padding-bottom:30px;
position:static!important}

#grid.blog-container #grid h1.entry-title {
line-height:1.2;
font-size: 20px}

#grid.blog-container h1.entry-title {
letter-spacing: 2.4px;
padding: 0 40px;
line-height: 13px}

#grid.blog-container h1.entry-title a{
font-size: 16px}

#grid.blog-container .entry-summary {
padding: 10px 40px;
font-size: 15px;
line-height: 1.6;
color: #484848}

#grid.blog-container  .cat-links, #grid.blog-container  .entry-meta {
padding: 10px 40px}

.entry-inner  .cat-links a, #grid  .cat-links a {
font-family: "Montserrat Regular", sans-serif;
font-size: 12px;
letter-spacing: .2px}

.entry-inner  .cat-links a:first-child, #grid  .cat-links a:first-child {
margin-left: 0}

#grid.blog-container article img {
height: 12em;
object-fit: cover}

#grid.blog-container article .entry-thumbnail {
height: 12em;
background: url(img/blog-default-banner.jpg) no-repeat;
background-size:cover}

#grid.blog-container p.view-more-link {
text-align:center;}

#grid.blog-container article div.blog-more {
padding-left: 40px}

#grid.blog-container article div.blog-more a{
font-family: "Montserrat Regular";
font-size: 10px;
color: #171819;
letter-spacing: 1.5px;
text-transform:uppercase;
line-height: 1.6;}

div.entry-meta span a {
font-family: Arapey Italic, serif;
letter-spacing: .5px;
pointer-events: none}

.entry-meta span.byline, .blog-style-masonry .meta-separator{
display: none}

/*blog - single post view */

.single-post .site-content {
margin-top: 60px}

.single-post .entry-thumbnail {
background: url(img/blog-default-banner.jpg) no-repeat;
background-size: cover;
height: 60vh;
opacity:0;
animation-name: fadeIn;
animation-iteration-count: 1;
animation-duration: .2s;
animation-delay: .4s;
animation-timing-function: ease;
animation-fill-mode:both;
backface-visibility: hidden;
margin:0}

.single-post .entry-thumbnail img {
height: 60vh;
object-fit: cover}

.single-post .entry-header {
margin-bottom: 20px}

.single-post h1.entry-title {
font-size:30px}

.single-post article .entry-content {
width: 960px;
max-width: 100%}

.single-post #primary article {
font-family: "Arapey Regular", serif}

.single-post .post-navigation a{
padding: 20px 80px}

.single-post .post-navigation span{
font-size: 18px}

.single-post #primary article .entry-content .aligncenter, .single-post #primary article .entry-content blockquote {
width: auto;
margin: 20px auto;
max-width: 100%}

.single-post #primary .post-navigation {
margin: 0;
border:0}

.single-post .share-wrapper {
text-transform: uppercase;
letter-spacing: 2px }

.single-post #share-links {
display: inline-block;
padding: 10px;
margin-top: 10px;
border-radius: 2px }

.single-post #share-links::before {
top: -12px;
left: 0%;
right: 0;
margin: auto;
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 12px solid rgba(23,24,25,.4)}

.single-post #share-links span {
color:#000;
font-size:30px;
margin: 15px }


/*Agent bio page*/

#agent-actions  {
display: flex;
margin:0;
justify-content: center}

#agent-actions  li{
margin: auto;
text-transform: uppercase;
letter-spacing: 1px;
font-family: "Montserrat Regular", sans-serif;
text-align:center;
font-size: 11px;
list-style: none;
width:48%}

#agent-actions  li i {
display:block}

#agent-actions  li i::before{
color: #888;
display:block;
margin-bottom:8px;
font-size:30px}

#agent-single {
margin-bottom: 50px;
width: 1170px;
margin: auto;
max-width: 100%}

#agent-single h2 {
text-align:center;
font-size:18px}

#agent-single  .full-bio {
display: none}
#agent-single .agent-contact {
padding: 40px;
background: #f5f5f5}

#agent-single  h4.member-role  {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "Montserrat Regular", sans-serif}

#agent-single  .mod-column-1 {
text-align: center;
width: 40%}

#agent-single  .mod-column-2 {
padding: 0 0 40px 40px;
width: 60%}

#agent-single .modules-columns {
display:flex;
flex-wrap:wrap}

#agent-single  .modules-columns .mod-column {
margin:0;
box-sizing: border-box;
display:Block}

#agent-single  .agent-bio {
text-align:left;}

#agent-single #agent-actions {
margin-bottom: 40px;}

.author .type-gallery {
max-width: 1170px;
margin: 30px auto 0 }

/*wanted page*/

#primary .type-tabs .type-insights h1 {
margin-bottom:40px}

#primary .mods-tabs-list li {
opacity: .7 }

#primary .mods-tabs-list li.current {
opacity: 1 }

#primary .mods-tabs-list li:hover {
opacity: 1;
transition: .5s }

#primary .mods-tabs-list li a {
font-size: 13px;
color: #fff;
background: #000;
font-family: Montserrat}

#primary .mods-tabs-list li a::before {
display: none}

#primary .type-tabs .type-insights li img {
height: 50vh;
object-fit:cover}

/* open viewings */
#main.page-open-viewings .inner-mod.inmod-s p{
font-family: Montserrat, sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 26px;
letter-spacing: .15em;
text-align: center;
margin: 20px 0 0}

#main.page-open-viewings .type-insights .insight-content {
font-family: Montserrat, sans-serif;
max-width:100%;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .15em}

#main.page-open-viewings .type-insights .insight-content .price {
font-size: 20px }

#main.page-open-viewings .type-insights .insight-content .insight-text {
max-width: 90% }

#main.page-open-viewings .type-insights .insight-content .prop-data .details {
margin-top: 5px }

#main.page-open-viewings .type-insights .insight-content .prop-data .details span {
border-right: 1px solid #000;
padding: 0 10px;
font-size: 12px;
font-weight: 300 }

#main.page-open-viewings .type-insights .insight-content .prop-data .details span:first-child {
padding-left: 0 }

#main.page-open-viewings .type-insights .insight-content .prop-data .details span:last-child {
border: none }

#main.page-open-viewings .type-insights .insight-content .prop-data h6 {
margin: 5px 0 0;
font-size: 12px }

#main.page-open-viewings .type-insights .insight-content .ov-notice {
text-transform: none;
padding: 20px;
background: #f5f5f5}

#main.page-open-viewings .type-insights .insight-content .ov-notice h2{
font-size: 16px}

#main.page-open-viewings .type-insights .insight-content .ov-notice .ov-desc {
margin-top: 10px;
line-height: 16px; }

@media (min-width: 768px) {
	#main.page-open-viewings .type-insights img {
	width: 50%}

	#main.page-open-viewings .type-insights .insight-content {
	width: 50%;
	padding-right: 0}
}



/*T&Cs*/

ol.terms  {
margin: 0;
counter-reset: item}

ol.terms> li{
margin: 40px 0 60px 0;
list-style: none;
position: relative;
font-size: 16px}

ol.terms ul:not(.ignore-count) li, ol.terms >li{
counter-increment: item}

ol.terms li li {
padding-left:40px}

ol.terms ul.ignore-count li::before{
display: none;}


ol.terms li  p{
margin: 10px 0}

ol.terms li ul li {
list-style:disc;
padding-left:10px}

ol.terms li:not(.ignore)::before {
content: counters(item, ".") ". ";
display: inline-block;
font-family:"Montserrat Regular", sans-serif;
padding-right: 8px;
font-size: 26px}

ol.terms> li ol >li::before {
position: absolute;
left: 0;
font-weight: 600;
content: counters(item, ".") ". "}

ol.terms li h4 {
padding: 20px 0;
display: inline;
font-size: 20px}

ol.terms li h5 {
margin:20px 0 10px;
font-size: 18px}


/*Caviar page */

section.type-services#post-2738 ul.quadro-services{
justify-content:center}

section.type-services#post-2738 ul.quadro-services li{
padding: 20px}

section.type-services#post-2738 ul.quadro-services .service-icon{
margin-bottom:0}

section.type-services#post-2738 ul.quadro-services li h3{
font-size: 18px}


/*typography*/

h1, h2, h3, h4,h5, h6, h1.mod-title {

font-size:26px;
margin-bottom:30px;
font-family: "Montserrat Regular", sans-serif;
color: #171819;
line-height: 1.4;
letter-spacing: 0.15em;
text-transform:uppercase}

.site-title.logo-title {
margin: 0}

.type-canvas h3{
font-size:22px}

.type-canvas h4 {
font-size:18px}

.canvas-content li {
margin-bottom: 12px}

#content .blocks-gallery-item figcaption, #content .blocks-gallery-item figcaption a {
font-size:15px;
line-height: normal;
color: #fff}

/*nav*/
#main-site-navigation ul li a, #mob-site-navigation ul li a {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.15em;
line-height: 22px;
padding: 8px 15px 15px 15px;
font-family: "Montserrat Semi-Bold",sans-serif;
cursor: pointer}

#mob-site-navigation ul li a {
padding: 12px 15px }

#main-site-navigation ul li.current-menu-item a {
background: none;
text-decoration:underline}

#masthead.headroom--not-top .header-1st-row .main-navigation .menu > li > a {
color: #484848}

.headroom--not-top #main-site-navigation ul li.current-menu-item >a {
color: #171819!important}

#masthead li.wpml-ls-menu-item a {
opacity:1!important;
padding: 10px 5px}

li.wpml-ls-menu-item a span {
transition: .4s;
padding: 7px 5px;
background: rgba(10,11,12,0.05)}

li.wpml-ls-menu-item.wpml-ls-current-language a span, li.wpml-ls-menu-item a span:hover{
background: rgba(10,11,12,.15)}

body:not(.background-header) .headroom--top li.wpml-ls-menu-item a span {
background: rgba(245,246,247,0.25)}

body:not(.background-header) .headroom--top li.wpml-ls-menu-item.wpml-ls-current-language a span, body:not(.background-header) .headroom--top li.wpml-ls-menu-item a span:hover{
background: rgba(245,246,247,.45)}

.main-navigation li.wpml-ls-menu-item:last-child::before {
content: "";
position: absolute;
height: 18px;
margin: 15px 0 0 0;
display: inline-block;
border-left: 1px solid;
color:#aaa}

/*mobile nav*/
nav.mm-menu {
background: #fff}

.menu-mobile-en-container, .menu-mobile-fr-container {
padding: 50px 0;
position:relative}

#mob-site-navigation ul li {
border-top: 1px solid rgba(0,0,0,0.1)}

#mob-site-navigation ul li:first-child {
border: 0}

#mob-site-navigation ul li a {
font-size: 11px;
letter-spacing: .15em;
font-family: "Montserrat Medium"}

#mob-site-navigation ul li a:active, #mob-site-navigation ul li:active, #mob-site-navigation ul li a:hover, #mob-site-navigation ul li:hover {
color:#999!important;
background: none!important}

#mob-site-navigation ul li.contact-menu-icon {
border:none;
margin-top: 10px}

#mob-site-navigation ul li.contact-menu-icon i {
font-size: 24px;
height: 55px;
display: inline-block;
width: 55px;
padding: 0;
text-align: center;
line-height: 50px;
margin: 0;
border: 2px solid rgba(0,0,0,0.1);
border-radius: 100%;
box-sizing: border-box}

#mob-site-navigation ul li.wpml-ls-menu-item {
position:absolute;
display:inline;
margin-left: -45px;
border: none;}

#mob-site-navigation ul li.wpml-ls-menu-item:last-child {
margin-left: -10px}

 /*footer*/

#colophon .inner-footer>div, #colophon .footer-bottom-widgets .inner-footer >aside {
color: #000;
padding: 0 30px;
width: 100%;
float:none;
box-sizing: border-box;
text-align: center}

#colophon .inner-footer>div p{
font-size: 18px;
font-family: "Arapey Italic", serif}

#colophon .inner-footer>div li{
font-size: 17px;
margin-bottom:12px;
line-height: normal;
font-family: "Arapey Italic", serif}

#colophon img.footer-logo {
width: 250px}

#colophon .inner-footer>div span.tel  {
display:block;
filter: saturate(0);
font-size: 14px;
font-family:"Montserrat Medium", sans-serif}

#colophon h1.widget-title {
font-size: 18px;
margin-bottom: 0;
font-family: "Montserrat Semi-Bold", sans-serif;
color: #000}

#colophon h1.widget-title::after {
display: none}

.gmap {
height: 100px;
overflow: hidden;
margin: 0 auto 10px}

.gmap iframe {
width: 100%;
height: 100%;
border: 0;
transition: .5s;
opacity: .3}

.gmap iframe:hover {
opacity: 1}

#colophon .footer-bottom-widgets .inner-footer {
display: block;
padding: 40px 20px 0;
width: 1400px;
max-width:100%;
box-sizing:border-box}

.footer-bottom-widgets .widget {
box-sizing: border-box;
text-align: center;
margin-bottom:0;
font-size: 100%;
color: #000;
padding: 10px 20px}

.bottom-footer  {
display: none}

#colophon .footer-social-icons {
display: block;
float: none;
margin-top: 30px;
width: 100%;
padding-bottom: 20px;
text-align: center}

#colophon .footer-social-icons li {
margin-bottom: 0}

#colophon .footer-social-icons li a i::before {
font-size: 28px;
color: #000!important}

#colophon ul.social-area > li >a:hover i{
background: none;
color:#000;
opacity: 1}

#colophon h6 {
font-size: 10px}

#colophon .footer-logos a{
display: inline-block;
margin: 5px; }

#colophon .footer-logos img{
max-width: 200px;
width: 100%}

.grecaptcha-badge {
display: none !important }

/*modal overlays - global*/

a.data-overlay {
cursor: pointer}

/* overlays */

body.overlay-open {
padding-right: 15px;
overflow: hidden}

section.full-page-overlay {
position: fixed;
transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
width: 100%;
background: rgba(23,24,25,.95);
min-height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
opacity:0;
height:0;
z-index: -10;
padding-right: 15px}

section.full-page-overlay.fadein {
opacity:1;
z-index: 999998;
overflow-y: auto;
height:100vh}

.full-page-overlay .overlay-wrapper {
position: absolute;
transform: translate(0, -25%);
z-index: 999999;
width: 100%;
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
left: 0;
top: 0;
bottom: 0;
padding: 0;
overflow-y:auto;
margin: 0}

.full-page-overlay.fadein .overlay-wrapper {
opacity:1;
transition: all 1.3s cubic-bezier(0.23, 1, 0.32, 1);
transform: translate(0);
padding: 5em 0}

.full-page-overlay .mod-header .inner-mod {
max-width: 100%}

.full-page-overlay h2.overlay-logo {
max-width: 400px;
margin-bottom: 5px; }

.full-page-overlay h2.overlay-logo.centre {
margin: 0 auto 5px;
padding: 0 20px }

.full-page-overlay .overlay-close {
position: absolute;
z-index: 9999999;
right: 70px;
top: 70px}

.full-page-overlay .overlay-close img {
width: 26px}

.full-page-overlay h2.small-heading{
text-align: left;
color: #fff;
margin-bottom: 5px;
font-size: 16px}

.full-page-overlay .mod-header h2.small-heading{
text-align: center; }

.full-page-overlay h1.large-heading{
font-family: "Montserrat Regular", sans-serif;
font-size:32px;
color: #fff;
margin-bottom: 60px;
text-align: left;
letter-spacing: .15em;
line-height: initial }

.full-page-overlay .mod-header h1.large-heading{
text-align: center; }

.full-page-overlay h5.overlay-heading {
text-align: center;
color:#fff}

/*modal overlay - property search */

.full-page-overlay.type-properties-overlay .inner-mod, .full-page-overlay.type-areas-overlay .inner-mod {
padding: 0 60px}

.type-properties-overlay ul.quadro-services {
margin-top: 15px }

.type-properties-overlay ul.quadro-services li {
width: 100%;
text-align: center;
padding: 0;
margin: 20px 0}

.type-properties-overlay ul.quadro-services li img, .type-properties-overlay ul.quadro-services li a,
.type-properties-overlay ul.quadro-services li div  {
display:block;
position: relative;}

.type-properties-overlay ul.quadro-services li img {
display: block;
position: relative;
height: 270px;
width: 100%;
object-fit: cover}

.type-properties-overlay ul.quadro-services li div::after {
position: absolute;
content: '';
left: 0;
top: 0;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.55)}

.type-properties-overlay ul.quadro-services h2{
color: #fff;
font-size: 15px;
position: absolute;
top: 50%;
text-align: center;
z-index: 1;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
padding: 30px;
box-sizing: border-box;
line-height: 1.4}

.type-properties-overlay ul.quadro-services h2 .small {
display: block;
margin-top: 20px;
font-size: 13px }

.type-properties-overlay ul.quadro-services li:last-child {
margin-right: 0}

.type-properties-overlay input#prop-search {
font-size: 32px;
overflow: visible;
color: #fff;
font-family: "Montserrat Regular", sans-serif;
text-transform: uppercase;
border-bottom: 1px solid transparent;
padding: 0 !important;
line-height: initial;
width: 90% }

#ajax-loading {
display: none }

.type-properties-overlay hr {
max-width: initial;
background-color: rgba(255,255,255,0.6);
margin: 20px 0 60px;}

.type-properties-overlay #search-results {
display: none;
position: absolute;
z-index: 20;
border-radius: 0.4em;
font-family: "Montserrat Regular", sans-serif;
color: black;
background: white;
padding: 10px;
height: 28em;
overflow-y: scroll;
width: 85%; }

.type-properties-overlay #search-results .results-title {
color: rgba(127,127,127,0.8);
border-bottom: 1px solid rgba(127,127,127,0.8);
margin-bottom: 5px;
text-transform: uppercase; }

.type-properties-overlay #search-results .result a {
display: inline-block;
padding: 5px;
line-height: 1.4em;
font-family: "Montserrat Semi-Bold", sans-serif;
text-transform: uppercase;
font-size: 12px}

.type-properties-overlay #search-results .result a:hover {
color: white;
background-color: black; }

.type-properties-overlay #search-results .more-results {
padding-top: 15px;
font-family: "Arapey Italic", serif;
color:#777}

.type-properties-overlay #search-results .more-results a{
text-decoration:underline}

.type-properties-overlay #search-results .more-results a:hover{
text-decoration:none}

.type-properties-overlay #search-button-wrapper, .type-properties-overlay #ov-link-wrapper {
margin-top: 3%;
text-align: center; }

.type-properties-overlay #search-button-wrapper a.qbtn, .type-properties-overlay #ov-link-wrapper a {
font-family: "Montserrat Medium", sans-serif;
letter-spacing: 1.5px;
font-size: 10px;
color: #fdfcfc }

.type-properties-overlay #search-button-wrapper a.qbtn:hover {
color: #000 !important;
background-color: #fdfcfc }

.type-properties-overlay #ov-link-wrapper a {
font-family: "Montserrat Medium", sans-serif;
font-size: 13px;
text-transform: uppercase;
text-decoration: underline;
text-underline-offset: 1px;
color: #fdfcfc }

/*Contact & Prop Enquiry form overlay*/

.full-page-overlay h1.large-heading{
margin-bottom: 20px}

.full-page-overlay.form-overlay.fadein .overlay-wrapper {
padding: 3em 0 }

.full-page-overlay.form-overlay .modules-columns {
margin: auto;
width: 1170px;
font-family: "Arapey Italic", sans-serif;
max-width: 100%}


.full-page-overlay.form-overlay .mod-column-1 .canvas-content {
max-width: none;
padding: 0 30px}

.full-page-overlay.form-overlay .mod-column-2 {
text-align: center}

.tyoe-contact-overlay div.wpcf7 {
margin-top:0}

.full-page-overlay.form-overlay p, .full-page-overlay.form-overlay input {
color:#fff;}

span.mc4wp-checkbox {
position: absolute!important;
visibility: hidden; }

.full-page-overlay.form-overlay h5 {
margin-bottom: 20px;
text-align:center;
color: #fff;
font-size:14px;
font-family: "Montserrat Medium", sans-serif}

.form-overlay .wpcf7-form h5 {
text-align:center}

.wpcf7 input:not(.wpcf7-submit), .wpcf7 textarea, .wpcf7 select {
background: #f1f1f1!important;
width: 100%;
font-family: "Montserrat Regular", sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #484848!important;
margin: 0 0 5px!important;
height:50px;
font-size: 11px;
padding: 1.2em 2em!important;
border: none;}

.form-overlay .wpcf7 .wpcf7-response-output {
color: #fff !important }

.wpcf7 input::placeholder, .wpcf7 textarea::placeholder {
opacity:1!important}

.wpcf7 select{
-moz-appearance: menulist;
-webkit-appearance: menulist;
appearance: menulist}

.wpcf7 input.wpcf7-submit {
padding: 15px 60px;
font-size: 10px;
letter-spacing: 1.5px;
margin: 20px auto}

body section.full-page-overlay.form-overlay div.wpcf7 form.wpcf7-form input.wpcf7-submit:hover {
color:#000!important;
background:#fff!important}

.full-page-overlay.form-overlay .wpcf7-form .notice p {
margin-bottom:10px }

.wpcf7 .wpcf7-not-valid-tip {
color: #fff }

.wpcf7 textarea {
height: 8em}

@media only screen and (min-width: 768px) {
.wpcf7 .name-wrapper {
display: flex; }

.wpcf7 .name-wrapper div:not(.title) {
width: 39%;
margin-left: 1%	}

.wpcf7 .name-wrapper div.title {
width: 20% }
}

.form-overlay .mod-column-2 a, .form-overlay .mod-column-2 ul.social-area a i {
color: #fff!important}

.form-overlay .mod-column-2 .social-area li a {
margin: 0 20px;
border-color:#fff}

.form-overlay .mod-column-2 .social-area li a:hover {
color: #000!important;
background: #fff}

.form-overlay .mod-colum p {
font-family: "Arapey Italic", sans-serif}

.form-overlay .mod-column-2 p {
font-size: 18px}

.form-overlay .mod-column-2 .social-area li a:hover i {
color: #000!important;
background: none}

.form-overlay .wpcf7 .notice {
color: #ccc; }

.form-overlay .wpcf7 + .disclaimer, .form-overlay .wpcf7 + .disclaimer a, .form-overlay .wpcf7 + .disclaimer p.recaptcha, .form-overlay .wpcf7 + .disclaimer p.recaptcha a {
color: #ccc;
font-size: 15px }

/* all contact forms */

.wpcf7 .wpcf7-form p, .wpcf7 .wpcf7-form input {
margin-bottom:5px}

.wpcf7 .disclaimer, .wpcf7 .disclaimer a, .wpcf7 p.recaptcha, .wpcf7 p.recaptcha a {
color: #000;
font-size: 15px}

.wpcf7 .disclaimer a, .wpcf7 + .disclaimer a {
text-transform: none;
text-decoration:underline}

.wpcf7 .disclaimer a:hover  {
text-decoration:none}

.wpcf7 .disclaimer {
font-family: "Arapey Italic", sans-serif;
margin: 20px 0 10px}

.wpcf7 .notice {
font-family: "Arapey Italic", sans-serif;
margin-left: 10px;
color: #000;
font-size: 16px; }

/*Areas Overlay */


/* new map rollover */
.full-page-overlay.type-areas-overlay .map-thumbs-wrapper {
position: relative; }

.full-page-overlay.type-areas-overlay #jerseyparishes {
position: relative;
width: 100%;
z-index: 2;
padding-bottom: 77%;
vertical-align: middle;
margin: 0;
overflow: hidden}

.full-page-overlay.type-areas-overlay #jerseyparishes svg {
display: inline-block;
z-index:999;
position: absolute;
top: 0;
left: 0}

.full-page-overlay.type-areas-overlay #jerseyparishes svg g {
transition: .5s}

.full-page-overlay.type-areas-overlay #jerseyparishes svg g.hovered{
opacity: .5}

.full-page-overlay.type-areas-overlay .inner-mod {
max-width: 1600px }

.full-page-overlay.type-areas-overlay li.quadro-service {
margin-bottom:30px;
padding: 0 20px;}

.full-page-overlay.type-areas-overlay  h3.service-title {
color: #fff;
text-align: center;
font-size: 15px}

.full-page-overlay.type-areas-overlay  span.service-icon {
height:0;
padding-bottom: 66%;
position:relative;
display:block;
margin-bottom: 0}

.full-page-overlay.type-areas-overlay span.service-icon img {
height: 100%;
width: 100%;
position:absolute;
object-fit:cover}

/* Our Magazine */

.type-our-magazine ul.our-magazine {
list-style: none;
width:1000px;
margin:auto;
max-width:100%}

.type-our-magazine li > .issue-item-wrapper {
background: #f5f5f5;
padding: 30px;
margin-bottom: 60px}

.type-our-magazine li  .issue-item-photo img{
margin-bottom: 20px;
display: block}

.type-our-magazine li  .issue-item-content{
padding: 0 20px 0 40px }

@media (min-width: 768px) {
.type-our-magazine li > .issue-item-wrapper {
display: flex;
align-items:center;}

.type-our-magazine li  .issue-item-photo {
width:30%}

.type-our-magazine li  .issue-item-photo img{
margin:0}

.type-our-magazine li  .issue-item-content{
width:70%}

}

/* cookie */
#cn-notice-buttons a.qbtn {
color: #fff }

/*home page - new properties on mkt*/
#content .type-latest-properties #property-view .properties {
justify-content: space-between}

#content .type-latest-properties #property-view .properties li{
align-content: flex-start;	
display: flex;
flex-wrap:wrap;	
width: 100%;
margin: 0 0 20px}

#content .type-latest-properties #property-view .top{
flex-wrap:wrap}

#content .type-latest-properties #property-view .left, #content .type-latest-properties #property-view .right {
width: 100%}

#content .type-latest-properties #property-view .property div.main-image{
width: 100%}

#content .type-latest-properties #property-view .properties li:nth-child(3n+2):last-child{
margin: 0 auto 0 20px}

/*RESPONSIVITY*/

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

.header-1st-row .header-center {
margin-top: 5px }		

.type-properties-overlay ul.quadro-services h2 {
font-size:18px}

.type-canvas#post-103, .type-canvas#post-2586 {
padding: 40px}

.post-type-archive-property h3.confidential {
padding-top: 15%;
font-size: 30px }

.property div.confidential {
padding: 15% 30px 10% }

.property div.confidential h3 {
font-size: 28px; }

}

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

.header-1st-row .header-center {
margin-top: 10px }	

.type-ibox.home h2.ibox-title {
font-size: 48px;
line-height: 50px}

 #main .insight-title {
font-size: 26px}

.type-properties-overlay input#prop-search {
font-size: 48px;}

.full-page-overlay h1.large-heading {
font-size: 60px}

.type-properties-overlay ul.quadro-services li {
width: calc(50% - 2.33333em);
margin: 20px;}

#prop-detail-columns .mod-column-1 {
min-width:33%;
padding-right: 30px}

.single-international #prop-detail-columns .mod-column-1 {
min-width:36%;
padding-right: 30px}

#prop-main-actions ul {
display: flex;
justify-content: center;
max-width: 700px;}

#prop-main-actions li  {
padding: 1em 4em;
width: 200px;
border-right: 1px solid #f1f1f1;}

#prop-area .prop-area-text-wrap {
width: calc(50% - 0em - 1px);
text-align: center; }

#prop-area .prop-area-text-inner {
width: 100%;
max-width: initial }

#prop-area .prop-area-image {
width: calc(50% - 0em)}

#prop-detail-columns {
padding-top: 60px}

.prop-amenities ul {
display: flex;
flex-wrap: wrap}

.prop-amenities ul li{
width: 50%}

.energy-ratings div.rating-wrapper {
padding: 30px;
text-align:left;
box-sizing: border-box}

div.highlight-area {
float: right;
margin: 0 0 20px 20px}

#our-team div.agent {
display: inline-block;
vertical-align: top;
width: 47%}

.post-type-archive-property h3.confidential {
font-size: 32px }

#prop-search .heading-wrapper .search-text {
font-size: 1em;
white-space: nowrap }

#property-view .prop-details .top{
display: flex;
justify-content: space-between;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1)}

#property-view .prop-details  .left{
width: 69%}

#property-view .prop-details .right{
width: 31%;
text-align:right}

#content .type-latest-properties #property-view .properties li{
width: calc(50% - 10px)}	
	
}

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

.type-properties-overlay input#prop-search {
font-size: 72px;
width: 65% }

.type-properties-overlay #search-results {
width: 65% }

.type-properties-overlay ul.quadro-services li {
width: calc(33.333% - 2.33333em);
margin: 0 3.2em 20px 0}

 #primary .insight-content,  #primary .insight img, #post-105.type-services.services-type3 li.quadro-service  {
float: left;
width: 50%}

#post-105.type-services.services-type3 li.quadro-service, .page-id-60 .mod-column-mods-wrapper .type-canvas {
transition:.5s;
border: 2px solid transparent}

#post-105.type-services.services-type3 li.quadro-service:hover, .page-id-60 .mod-column-mods-wrapper .type-canvas:hover {
border-color: #d8d8d8}

.home .type-insights li.insight {
display: flex;
align-items: center;
justify-content: center}

#prop-feat-images, #christies {
display: flex}

#prop-feat-images {
min-height:70vh}

#christies {
min-height: 100vh}

#prop-feat-images .prop-feat-big img {
height: 100%;
object-fit: cover}

#prop-feat-images .feat-sml, #christies .christies-quote {
position: absolute;
top: 0;
bottom: 50%;
left: 0;
right: 0}

#prop-feat-images .prop-quote, #christies .christies-sml  {
position: absolute;
top: 50%;
bottom: 0;
left: 0;
right: 0}

#christies .christies-quote {
height: 50%}

#prop-feat-images .prop-feat-big, #christies .christies-big{
width: 60%}

#christies .christies-quote-sml, #prop-feat-images .prop-feat-sml-quote	{
width: 40%}

.single-property #prop-bg-image {
min-height: 90vh; 
background-repeat: no-repeat;
background-size: cover }

#property-view {
margin-top: 30px}

.single-property .site-content header, .single-international .site-content header  {
max-width: 800px;
margin: auto}

#prop-area .prop-area-map {
max-width: 800px;
margin: 40px auto 0 }

.page-wrapper.area-wrapper {
display: flex;
justify-content: center;
align-items: center }

.page-wrapper.area-wrapper > div {
width: 50%;
padding: 0 30px  }

.page-template-template-centered h1 {
font-size:36px}

#christies:hover .overlaid-text {
animation-duration: 1s;
animation-delay: .1s;
animation-name: fadeIn}

#christies:hover .christies-overlay {
animation-duration: .4s;
animation-delay: .1s;
animation-name: fInPart}

#christies:hover  a.qbtn {
transform:translatey(300%)}

#christies:hover h2  {
transform:translatey(-220%)}

html:lang(fr) #christies:hover h2  {
transform:translatey(-265%)}

#content .epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb {
width: 50%}

.full-page-overlay.form-overlay .mod-column-1 {
width: 60%}

.full-page-overlay.form-overlay .mod-column-2 {
width: 40%}

}


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

#content {
box-sizing:border-box;
padding: 20px}

#colophon {
border: 20px solid #fff;
border-top: 0}

#colophon .inner-footer >div  {
float: left;
width:31%}
		
.insight-title {
font-size: 30px}

#masthead.headroom--not-top h1.site-title a {
line-height: 60px}

h1.menu-toggle {
margin: 15px 20px 0 30px}

h1.menu-toggle.menu-toggle-active {
top: 35px; }

.headroom--not-top h1.menu-toggle {
margin-top:22px}

.main-navigation .menu > li > a {
padding: 0 15px}

.header-1st-row .header-center {
left: 360px;
margin-top: 0 }	

.headroom--not-top .header-1st-row .header-center {
left: 275px;
margin-top: 6px }

#primary .insight-content,  #primary .insight img {
width: 50%;
text-align: left;}

#primary .insight-content {
padding: 0 40px 0}

.full-page-overlay h1.large-heading {
font-size:80px}

.type-blog.blog-style-masonry .blog-item {
width: 31.3%;
margin: 0 1% 80px}

.type-ibox.home h2.ibox-title {
font-size: 66px;
line-height: 60px}

.type-slogan .slogan-content-wrapper h1, #content .type-image.hero-image h1  {
font-size:32px}

#post-10845 ul.quadro-services li, #post-18077 ul.quadro-services li {
order: 2}
#post-10845 ul.quadro-services li:nth-child(2), #post-18077 ul.quadro-services li:nth-child(2) {
order: 0}

#post-10845 ul.quadro-services li:first-child, #post-18077 ul.quadro-services li:first-child {
order: 1}

#our-team div.agent {
display: inline-block;
vertical-align: top;
width: 33%}

#our-team div.agent:nth-child(1), #our-team div.agent:nth-child(2) {
width: 40%;
padding: 0 70px}

.three-columns .quadro-service {
width: 33.33333333% }

body.single-property .main-image .overlay-text {
padding: 20px 30px;
font-size: 28px }


.full-page-overlay.type-areas-overlay .map-thumbs-wrapper {
display: flex;
align-items: flex-start; }

.full-page-overlay.type-areas-overlay #jerseyparishes {
padding-bottom: 50%; }

.full-page-overlay.type-areas-overlay ul.quadro-services {
margin-left: 15px }

.full-page-overlay.type-areas-overlay li.quadro-service {
margin-bottom: 15px;
padding: 0 10px;
opacity: 0.5 }

.full-page-overlay.type-areas-overlay li.quadro-service.hovered {
transition: 0.5s;
opacity: 1 }

.type-areas-overlay.four-columns .quadro-service {
width: 33% }

.full-page-overlay.type-areas-overlay  h3.service-title {
font-size: 14px}

/*#content .type-latest-properties #property-view .properties li{
width: calc(33.333% - 10px)}*/

}


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

#colophon > .inner-footer, .type-testimonials .inner-mod{
width: 1140px;
margin: auto}

.home #primary > section >section:not(.type-canvas):not(.type-testimonials), #post-74 	 {
min-height: 100vh}

#colophon  >.inner-footer .widget {
min-height: 200px}

.footer-bottom-widgets .widget {
width: 25%}

.footer-bottom-widgets .widget:nth-child(2) {
width: 50%}

nav#main-site-navigation {
display: inline-block;
margin-top: 5px }

#property-view.two-columns li.property h2{
line-height: 30px;
font-size: 26px}

#property-view.two-columns .prop-details .prop-price {
font-size: 20px }

.home #primary .insight-content {
padding: 0 150px }

#christies .overlaid-text {
padding: 60px 130px}

#content .epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb {
width: 33.3333%}

#our-team div.agent {
width: 29%;
margin: 40px 2% }

.post-type-archive-property h3.confidential {
font-size: 40px }

.property div.confidential {
padding: 10% 30px }
.property div.confidential h3 {
font-size: 36px; }

#content .type-latest-properties #property-view .properties li{
width: calc(33.333% - 10px)}	
	
#content .type-latest-properties #property-view .left {
width: 67%}
	
#content .type-latest-properties #property-view .right {
width: 33%}	

}

@media only screen and (max-width: 1399px) {

#property-view .prop-details {
height: 240px }

.post-type-archive-international #property-view .prop-details {
height: 280px }

/* latest properties (home) */
.type-latest-properties #property-view li.property {
width: calc(50% - 0.75em); }

.type-latest-properties #property-view li.property:nth-child(1) {
width: calc(50% - .75em - 1px); }

.type-latest-properties #property-view li.property:nth-child(2n) {
margin-right: 0; }

.type-latest-properties #property-view li.property:nth-child(3n) {
margin-right: 1.5em }

.type-latest-properties #property-view li.property .main-image {
height: 25vw}

}


@media only screen and (max-width: 1199px) {
nav#main-site-navigation {
display: none!important}

#post-77.type-columns .mod-column  {
float: none;
width:100%}

#post-77.type-columns .modules-columns::after {
display:none}

#post-77.type-columns .mod-column-2  {
text-align: center;
padding: 30px 0}

#property-view .prop-details {
height: 220px }

#content .type-latest-properties #property-view .properties .prop-details{
height: auto;
padding-bottom: 20px}	

.post-type-archive-international #property-view .prop-details {
height: 260px }

}


@media only screen and (max-width: 1024px) {

nav#main-site-navigation {
display: none}

#main .type-insights .insight.layout2-insight h3 {
margin-bottom:30px}

#main .type-insights .insight.layout1-insight h3 {
font-size: 26px;
margin-top:30px}

.home .type-areas-grid ul.quadro-services li:last-child {
display:none}
}

@media only screen and (max-width: 991px) {

.full-page-overlay .overlay-close {
right: 42px;
top: 27px }

#main #property-view li.property {
width: calc(100% - 0em - 1px);
margin: 20px 0;}

#main #property-view li.property .main-image {
height: 70vh; }

#christies .christies-sml {
display:none}

.full-page-overlay.form-overlay .modules-columns {
flex-wrap: wrap}

.type-columns .modules-columns .mod-column {
width: 100%!important;
flex-basis: initial!important}

.wpcf7 .disclaimer {
text-align:center}

.wpcf7 .wpcf7-form {
padding: 0 60px}

#prop-dpe div.rating-outer-wrapper {
width: initial; }

#property-view .prop-details, .post-type-archive-international #property-view .prop-details {
height: initial }

}

@media only screen and (max-width: 767px) {

.ibox-wrapper .ibox-text {
display: none; }

.ibox-wrapper .bottom-buttons {
padding-top: 20px }

.ibox-wrapper .bottom-buttons .button-wrapper {
display: block;
margin: 20px 0 }

#main .insight-content {
text-align: center;
margin-bottom: 0}

.full-page-overlay .overlay-close {
right: 25px;
top: 10px }

section.full-page-overlay, section.full-page-overlay.fadein {
height: calc(100vh + 35px) }

section.full-page-overlay.form-overlay .modules-columns .mod-column .quadro-mod:last-of-type {
padding-bottom: 30px }

.wpcf7 .wpcf7-form {
padding: 0 30px }

.type-insights .insight-title {
font-size:24px}

#prop-area .prop-area-text-inner {
max-width: none;
text-align:center;
margin:auto}

#our-team div.agent img {
width: 400px}

#property-images a.open-photo  {
width:calc(50% - 5px)}

#main #property-view li.property .main-image {
height: 70vw; }

#prop-dpe h6 {
text-align:center;}

#prop-dpe .rating-inner-wrapper {
margin: 30px auto}

.home .type-areas-grid ul.quadro-services li:nth-child(n+5), .home .type-blog #grid article:nth-child(n+2), .type-services.type-christies-boxes li.quadro-service:nth-child(n+5), #post-74,  .home #primary .insight img, #post-18079, .home #primary .insight img {
display:none}

.type-properties-overlay #search-button-wrapper {
margin-bottom: 30px }

#colophon .footer-bottom-widgets .inner-footer>aside:last-of-type {
padding-bottom: 30px }

}

@media only screen and (max-width: 568px) {

.menu-toggle {
top: 20px}

#mob-site-navigation .inner-nav {
padding: 30px; }

.full-page-overlay.type-properties-overlay .inner-mod, .full-page-overlay.type-areas-overlay .inner-mod {
padding: 0 30px }

#post-77.type-columns.columns-layout1  {
height: initial }

.wpcf7 .wpcf7-form {
padding: 0 }

.single-post .post-navigation a{
padding: 20px}

#grid.blog-container .cat-links,
#grid.blog-container .entry-meta,
#grid.blog-container .entry-summary {
padding: 10px 20px }

#grid.blog-container h1.entry-title {
padding: 0 20px }

#prop-search {
padding: 0 20px; }

#prop-feat-images .feat-sml img {
display: none}

.form-overlay .mod-column-2 .social-area li a {
margin: 0 10px }

.single-property .site-content header, .single-international .site-content header {
padding: 60px 20px 20px }

.single-property .site-content .prop-amenities {
padding-bottom: 20px }

#property-images {
justify-content: center; }

#property-images a.open-photo {
width: 100%}

#prop-main-actions {
padding: 40px 0;
margin: 30px 0; }

div.prop-container .prop-video-wrap {
min-height: 50vh }

#prop-dpe span.no-level {
right: 5% }

.type-slogan .mod-content p, .type-slogan .slogan-content-wrapper p {
font-size: 18px;
line-height: 1.4 }

}

@media only screen and (max-width: 350px) {

#primary section:first-child .type-slogan .inner-mod.inmod-s {
margin-top: 25px }

.quadro-mod .social-links a, .quadro-mod .social-area a {
margin: 10px 5px }

#prop-search {
padding: 0 10px; }

.single-property .site-content header, .single-international .site-content header {
padding: 50px 10px 0px }
 
#prop-main-actions {
padding: 20px 0;
margin: 15px 0; }

#prop-dpe span.no-level {
right: 0 }

.post-type-archive-property h3.confidential {
padding-top: 34% }


}

@media (min-width: 800px) {
#content .home-magazine {
text-align: left;
width:1000px;
max-width:100%;
margin:auto;
display: flex;
justify-content:center;
align-items:center}

#content .home-magazine .home-magazine-image {
width:45%}

#content .home-magazine .home-magazine-text{
padding: 0 40px;
width: 65%}

}