/*
Theme Name: Little John Hathersage
Theme URI: https://littlejohnhotel.co.uk/
Author: Little John Hathersage
Description: Bespoke mobile-first theme for The Little John pub, rooms and cottages. Includes booking integrations and automatic starter-page setup.
Version: 2.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: little-john
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,400&family=Playfair+Display:wght@500;600&display=swap');

:root{--forest:#0d4b5a;--deep:#0d3d4c;--cream:#f2efe6;--paper:#f4f1e8;--gold:#c8a65f;--rust:#8f7744;--ink:#193f49;--line:rgba(13,75,90,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.site-header{height:92px;padding:0 4.5vw;display:grid;grid-template-columns:180px 1fr auto;align-items:center;position:absolute;top:0;left:0;right:0;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.brand img{width:160px;max-height:68px;object-fit:contain}.nav{display:flex;justify-content:center;gap:2.2rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}.nav a,.text-button{opacity:.86}.nav a:hover,.text-button:hover{opacity:1}.header-actions{display:flex;align-items:center;gap:1.1rem}.text-button{border:0;background:none;color:#fff;text-transform:uppercase;font-size:.72rem;letter-spacing:.11em}.button{border:1px solid var(--forest);background:var(--forest);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 1.25rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;transition:.25s ease}.button:hover{transform:translateY(-2px);background:var(--deep)}.button-small{padding:.78rem 1rem;border-color:rgba(255,255,255,.55);background:transparent}.button-small:hover{background:#fff;color:var(--forest)}.button-ghost{background:transparent;border-color:rgba(255,255,255,.6)}.button-light{background:var(--cream);border-color:var(--cream);color:var(--forest)}.inline-link{display:inline-flex;gap:1.25rem;align-items:center;border-bottom:1px solid currentColor;padding-bottom:.35rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600}.inline-link.light{color:var(--cream)}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px}.eyebrow{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.23em;font-size:.67rem;font-weight:600}.hero{min-height:820px;height:100vh;background:var(--forest);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 8vw 80px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 15%,rgba(197,154,82,.16),transparent 30%),linear-gradient(120deg,transparent 35%,rgba(7,29,22,.35));pointer-events:none}.hero-copy{position:relative;z-index:3;width:50%;max-width:660px}.hero h1,.welcome h2,.stay h2,.explore h2,.find-us h2{font-family:'Playfair Display',serif;font-size:clamp(4rem,7.5vw,7.4rem);line-height:.88;letter-spacing:-.055em;font-weight:500;margin:0}.hero h1 em,.welcome h2 em,.explore h2 em,.find-us h2 em{font-family:'Newsreader',serif;font-weight:400}.hero-lede{font-family:'Newsreader',serif;font-size:1.45rem;line-height:1.45;max-width:500px;margin:2rem 0}.button-row{display:flex;gap:.75rem}.landscape{position:absolute;right:-4vw;bottom:0;width:58vw;height:82%;overflow:hidden}.sun{position:absolute;width:18vw;height:18vw;border-radius:50%;background:var(--gold);right:17%;top:8%;opacity:.9}.hill{position:absolute;left:0;right:-10%;bottom:0;border-radius:50% 45% 0 0}.hill-back{height:60%;background:#244a3e;transform:rotate(-5deg) translate(6%,12%)}.hill-front{height:43%;background:#0e261f;transform:rotate(5deg) translate(3%,15%)}.inn{position:absolute;z-index:2;bottom:21%;right:25%;width:190px;height:150px}.house{position:absolute;bottom:0;left:0;width:170px;height:95px;background:#f0e6d4}.roof{position:absolute;width:195px;height:70px;transform:skewX(-20deg) rotate(8deg);background:#23231f;top:4px;left:-12px}.chimney{position:absolute;width:20px;height:58px;background:#33332d;top:-4px;left:32px}.house i{position:relative;display:inline-block;width:24px;height:35px;background:#d9a443;margin:28px 0 0 20px;box-shadow:0 0 24px rgba(217,164,67,.45)}.landscape>p{position:absolute;right:5vw;bottom:4vw;font-size:.62rem;letter-spacing:.15em;line-height:1.8;opacity:.55}.scroll-note{position:absolute;left:4.5vw;bottom:3vw;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;writing-mode:vertical-rl;display:flex;gap:1rem;align-items:center}.welcome{padding:9rem 8vw;display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;background:var(--cream)}.welcome h2{font-size:clamp(3.5rem,6vw,6.5rem);color:var(--forest)}.welcome-copy{font-family:'Newsreader',serif;font-size:1.35rem;line-height:1.55}.welcome-copy p:first-child{font-size:1.75rem;margin-top:0}.welcome-copy .inline-link{font-family:'DM Sans',sans-serif;margin-top:1rem}.experience-grid{background:var(--cream);padding:0 4.5vw 8rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.experience-card{min-height:660px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:4.5rem;color:white}.food-card{background:var(--rust)}.drinks-card{background:var(--forest);justify-content:space-between}.card-copy{position:relative;z-index:3;max-width:520px}.card-copy h3{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,4.1vw,4.6rem);line-height:1;letter-spacing:-.045em;margin:.4rem 0 1.5rem;font-weight:500}.card-copy>p:not(.eyebrow){font-family:'Newsreader',serif;font-size:1.2rem;line-height:1.5;max-width:430px;margin-bottom:2rem}.card-art{position:absolute;inset:0;pointer-events:none}.plate-art:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.4);border-radius:50%;right:-45px;top:-50px}.plate-art:after{content:"";position:absolute;width:265px;height:265px;background:#e9c39a;border-radius:50%;right:2px;top:-2px;box-shadow:inset 0 0 0 38px #f1ddbd}.plate-art span,.plate-art i,.plate-art b{position:absolute;z-index:2;border-radius:50%;background:#456b3f}.plate-art span{width:85px;height:125px;right:105px;top:70px;transform:rotate(24deg)}.plate-art i{width:110px;height:60px;right:185px;top:94px;background:#d98646}.plate-art b{width:36px;height:120px;right:92px;top:115px;background:#f4e5a6;transform:rotate(-38deg)}.glass-art span{position:absolute;width:70px;height:185px;border:2px solid rgba(255,255,255,.65);border-radius:4px 4px 28px 28px;right:12%;bottom:12%;transform:rotate(8deg)}.glass-art span:nth-child(2){right:34%;bottom:22%;height:155px;width:62px;transform:rotate(-9deg)}.glass-art span:after{content:"";position:absolute;left:8px;right:8px;bottom:8px;height:60%;background:rgba(197,154,82,.75);border-radius:0 0 22px 22px}.glass-art i,.glass-art b{position:absolute;width:150px;height:220px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-5%;bottom:32%;transform:rotate(-22deg)}.glass-art b{right:20%;bottom:2%;width:200px;height:100px}.stay{display:grid;grid-template-columns:1.1fr .9fr;background:var(--paper);min-height:760px}.stay-art{background:#d6c5a3;padding:5rem;position:relative;overflow:hidden;display:flex;align-items:flex-end}.stay-art>p{font-family:'Newsreader',serif;font-style:italic;font-size:2rem;position:relative;z-index:2}.window{position:absolute;left:14%;right:14%;top:10%;height:68%;background:#244a3e;border:18px solid #f1e9db;border-bottom-width:30px;overflow:hidden;box-shadow:0 20px 45px rgba(44,43,34,.2)}.moon{position:absolute;width:130px;height:130px;border-radius:50%;background:var(--gold);right:14%;top:12%}.ridge{position:absolute;left:-10%;right:-10%;bottom:-10%;height:60%;border-radius:50% 55% 0 0;background:#17372f;transform:rotate(-6deg)}.ridge.two{background:#0d251f;height:38%;transform:rotate(7deg)}.stay-copy{padding:8rem 8vw 6rem 7vw;display:flex;flex-direction:column;justify-content:center}.stay-copy h2{font-size:clamp(4rem,6.2vw,6.8rem);color:var(--forest)}.stay-copy>p:not(.eyebrow){font-family:'Newsreader',serif;font-size:1.3rem;line-height:1.55}.stay-copy ul{list-style:none;padding:0;margin:1.5rem 0 2.5rem;border-top:1px solid var(--line)}.stay-copy li{padding:1rem 0;border-bottom:1px solid var(--line);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.stay-copy li span{display:inline-block;width:3rem;color:var(--gold)}.stay-copy .button{align-self:flex-start}.explore{padding:9rem 8vw;background:var(--cream)}.explore>h2{color:var(--forest)}.explore-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;margin-top:4rem}.map-art{height:500px;position:relative;background:#e8dfce;overflow:hidden;border-radius:50% 45% 55% 40%}.map-art svg{width:100%;height:100%}.map-art path{fill:none;stroke:#c8bba3;stroke-width:2}.map-art .route{stroke:var(--rust);stroke-width:5;stroke-dasharray:2 10;stroke-linecap:round}.map-art circle{fill:var(--forest)}.label{position:absolute;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;background:var(--cream);padding:.35rem}.label.hathersage{left:37%;top:44%}.label.stanage{right:4%;top:25%}.label.hope{left:8%;bottom:25%}.explore-copy>p{font-family:'Newsreader',serif;font-size:1.5rem;line-height:1.5}.facts{display:flex;gap:2.5rem;margin:3rem 0}.facts div{display:flex;align-items:flex-start;gap:.6rem}.facts strong{font-family:'Playfair Display',serif;font-size:2.8rem;line-height:.8;color:var(--rust)}.facts span{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.find-us{padding:8rem;background:var(--rust);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.details{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-content:end}.details span{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;opacity:.65}.details p{font-family:'Newsreader',serif;font-size:1.25rem;line-height:1.5}.details .button{grid-column:1/-1;justify-self:start;margin-top:1rem}footer{background:var(--deep);color:#fff;padding:5rem 5vw 2rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;align-items:start}footer img{width:210px}.footer-links,.social{display:flex;flex-direction:column;gap:.7rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.social{align-items:flex-end}footer>p{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;font-size:.65rem;opacity:.5}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2vw}.modal-backdrop{position:absolute;inset:0;background:rgba(8,25,20,.85);border:0}.modal-panel{position:relative;width:min(1100px,96vw);height:min(820px,94vh);background:var(--paper);display:flex;flex-direction:column;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid var(--line)}.modal-head .eyebrow{margin:0}.modal-head h2{font-family:'Playfair Display',serif;margin:.15rem 0 0;font-size:1.9rem}.modal-head button{border:0;background:none;font-size:2rem}.modal iframe{border:0;width:100%;flex:1;background:#fff}.reveal{animation:rise .9s ease both}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site-header{height:76px;grid-template-columns:1fr auto}.brand img{width:130px}.header-actions{display:none}.menu-toggle{display:block}.nav{position:absolute;display:none;top:76px;left:0;right:0;background:var(--deep);padding:2rem;flex-direction:column;font-size:1rem}.nav.open{display:flex}.hero{padding:130px 7vw 80px;align-items:flex-start}.hero-copy{width:100%}.hero h1{font-size:clamp(3.8rem,15vw,6rem)}.hero-lede{font-size:1.2rem}.landscape{width:105vw;height:52%;right:-25vw}.inn{transform:scale(.75);right:31%}.scroll-note{display:none}.welcome,.stay,.explore-layout,.find-us{grid-template-columns:1fr}.welcome{padding:6rem 7vw;gap:3rem}.experience-grid{grid-template-columns:1fr;padding:0}.experience-card{min-height:590px;padding:2.2rem}.stay-art{min-height:570px}.stay-copy{padding:6rem 7vw}.explore{padding:6rem 7vw}.map-art{height:380px}.find-us{padding:6rem 7vw}.details{grid-template-columns:1fr}.details .button{grid-column:1}.facts{gap:1rem;justify-content:space-between}.facts strong{font-size:2rem}footer{grid-template-columns:1fr 1fr}.social{align-items:flex-start}footer>p{grid-column:1/-1}}
@media(max-width:520px){.button-row{flex-direction:column;align-items:stretch}.hero{min-height:760px}.hero-copy{z-index:4}.hero h1{font-size:3.8rem}.landscape{opacity:.72}.welcome h2,.stay h2,.explore h2,.find-us h2{font-size:3.6rem}.stay-art{padding:2rem;min-height:480px}.window{left:8%;right:8%}.facts{flex-direction:column}.details{gap:1rem}footer{grid-template-columns:1fr}.social{grid-column:1}.modal{padding:0}.modal-panel{width:100vw;height:100vh}.card-art{opacity:.7}}


.modal[hidden]{display:none}.content-page{min-height:70vh;padding:10rem 8vw 6rem;background:var(--cream)}.content-page header{max-width:900px;margin:0 auto 3rem}.content-page h1{font-family:'Playfair Display',serif;font-size:clamp(3.5rem,7vw,7rem);line-height:.9;color:var(--forest)}.content-page article{max-width:900px;margin:auto;font-family:'Newsreader',serif;font-size:1.3rem;line-height:1.65}.booking-embed iframe{width:100%;height:720px;border:0;background:#fff}.custom-logo-link img{width:160px;height:auto}.footer-logo img{width:210px;height:auto}

/* Elementor-ready fallback chrome */
.site-header{height:auto;padding:0;background:linear-gradient(180deg,rgba(5,31,39,.82),rgba(5,31,39,0));border:0}.header-shell{width:min(1440px,100%);min-height:94px;margin:auto;padding:0 4vw;display:grid;grid-template-columns:230px 1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.22)}.site-header .brand img{width:210px;max-height:64px}.nav-list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:2.25rem}.nav-list a{position:relative;display:block;padding:2.35rem 0;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.nav-list a:after{content:"";position:absolute;left:0;right:100%;bottom:1.65rem;height:1px;background:var(--gold);transition:right .25s ease}.nav-list a:hover:after,.nav-list .current-menu-item>a:after{right:0}body:not(.home) .site-header{position:relative;background:var(--deep)}body:not(.home) .header-shell{border-bottom-color:rgba(255,255,255,.13)}.elementor-theme-page{width:100%;overflow:hidden}
.site-footer{display:block;padding:0;background:var(--deep);color:var(--cream)}.footer-lead{padding:6.5rem 6vw;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;border-bottom:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 82% 0,rgba(200,166,95,.14),transparent 35%)}.footer-lead .eyebrow{grid-column:1/-1;color:var(--gold)}.footer-lead h2{font-family:'EB Garamond','Playfair Display',serif;font-size:clamp(3.5rem,6vw,6.5rem);font-weight:500;line-height:.86;letter-spacing:-.045em;margin:0}.footer-lead h2 em{font-weight:400;color:var(--gold)}.footer-cta{display:flex;gap:.75rem;align-items:center}.footer-grid{padding:4.5rem 6vw;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:7vw}.footer-brand img{width:230px}.footer-brand p{font-family:'EB Garamond',serif;font-size:1.1rem;line-height:1.5;opacity:.75;margin:2rem 0 0}.footer-menu,.footer-links .nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}.footer-menu a,.footer-links .nav-list a{padding:0;font-size:.72rem;letter-spacing:.14em}.footer-links .nav-list a:after{bottom:-.3rem}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.footer-contact>.eyebrow{color:var(--gold);margin-bottom:.5rem}.footer-contact>a{font-family:'EB Garamond',serif;font-size:1.25rem}.footer-contact .social{flex-direction:row;align-items:center;gap:1.25rem;margin-top:1.2rem;font-size:.65rem}.footer-bottom{margin:0 6vw;padding:1.4rem 0 2rem;display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;border-top:1px solid rgba(255,255,255,.13);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;opacity:.62}.footer-bottom p{margin:0;padding:0;border:0;grid-column:auto}.footer-bottom p:last-child{text-align:right}
@media(max-width:900px){.header-shell{min-height:78px;padding:0 5vw;grid-template-columns:1fr auto}.site-header .brand img{width:165px}.site-header .nav{top:78px;background:var(--deep);padding:1.25rem 5vw 2rem}.site-header .nav-list{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header .nav-list a{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.site-header .nav-list a:after{display:none}.footer-lead{padding:5rem 7vw;grid-template-columns:1fr}.footer-cta{flex-wrap:wrap}.footer-grid{padding:4rem 7vw;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{margin:0 7vw;grid-template-columns:1fr auto}.footer-bottom p:last-child{display:none}}
@media(max-width:560px){.footer-cta{display:grid;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-brand{grid-column:1}.footer-bottom{grid-template-columns:1fr;gap:.7rem}.footer-lead h2{font-size:3.7rem}}