/* WordPress-specific additions to the Provolution design system. */
.photo.has-image[data-tone="people"]{--photo-grade:saturate(.9) contrast(1.025) brightness(.98)}
.photo.has-image[data-tone="retail"]{--photo-grade:saturate(.85) contrast(1.035) brightness(.96)}
.photo.has-image[data-tone="none"]{--photo-grade:none}
/* Lists entered through the WYSIWYG editor inside editorial boxes. */
.editorial-box ul:not(.clean-list){list-style:none;padding:0;margin:22px 0 28px;font-size:14px}
.editorial-box ul:not(.clean-list) li{padding:11px 0 11px 20px;border-bottom:1px solid #cbd7c7;position:relative}
.editorial-box ul:not(.clean-list) li:before{content:'+';position:absolute;left:0;color:#008b7d}
/* Generic page / post body content. */
.long-article ul,.long-article ol{margin:0 0 25px 22px;color:#526a59;font-size:17px;line-height:1.8}
.long-article h2{margin:40px 0 20px}
.long-article img{max-width:100%;height:auto}
.long-article a{color:#008b7d}
.content-section .wrap > .long-article{max-width:820px}
/* Admin bar offset for the sticky header. */
body.admin-bar .header{top:32px}
@media (max-width:782px){body.admin-bar .header{top:46px}}
/* Embedded booking widgets, forms and iframes. */
.embed-box{background:#fff;border:1px solid #cbd7c7;border-radius:4px;padding:clamp(12px,2vw,28px);margin-top:10px}
.embed-section.white .embed-box{background:#fbfcf9}
.embed-frame{display:block;width:100%;border:0;min-height:200px}
.embed-box iframe{max-width:100%}
.two-options.single-option{grid-template-columns:1fr;max-width:760px}
/* Header logo (single high-resolution image). */
.header .brand{width:auto}
.header .brand img.brand-logo{display:block;height:60px;width:auto;object-fit:contain}
@media (max-width:900px){.header .brand img.brand-logo{height:50px}}
/* Footer logo. */
.footer-brand img.footer-logo{display:block;height:96px;width:auto;object-fit:contain}
.footer-brand small{margin-top:14px}
@media (max-width:600px){.footer-brand img.footer-logo{height:84px}}
/* "Darken theme" setting: loads assets/css/site-darken.css instead of site.css (generated by bin/build-darken.py). */
/* "Discover" chevron: drawn in CSS so it centres on the label. */
.more-nav summary span{font-size:0;line-height:0;display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.more-nav[open] summary span{transform:translateY(2px) rotate(-135deg)}

/* Page hero "Fade into image" style (Hero style field) – image runs to the screen edge and fades into the background, like the homepage hero. */
.page-hero--fade{position:relative;overflow:hidden;padding-bottom:0}
.page-hero--fade .page-hero-grid{min-height:470px;align-items:center}
.page-hero--fade .page-hero-grid>div:first-child{position:relative;z-index:2;padding-bottom:80px}
.page-hero.page-hero--fade .photo.page-photo{position:absolute;top:0;right:0;bottom:0;width:54%;height:auto;margin:0;border:0;box-shadow:none;z-index:0}
.page-hero.page-hero--fade .photo.page-photo:after{content:'';position:absolute;inset:0;border:0;background:linear-gradient(90deg,var(--dark),transparent 50%),linear-gradient(0deg,var(--dark),transparent 35%),linear-gradient(180deg,var(--dark),transparent 18%);pointer-events:none}
@media(max-width:600px){
.page-hero--fade .page-hero-grid{min-height:0}
.page-hero--fade .page-hero-grid>div:first-child{padding-bottom:0}
.page-hero.page-hero--fade .photo.page-photo{position:relative;width:auto;height:260px;margin:0 -20px}
.page-hero.page-hero--fade .photo.page-photo:after{background:linear-gradient(180deg,var(--dark),transparent 40%),linear-gradient(0deg,var(--dark),transparent 30%)}
}