/* Start custom CSS *//* Our Story pages (Explore the Market, The Sweet Shoppe, The Seasons Shop, The Fudgery) – page Custom CSS.
   Layout, type and colours live on the V4 elements and the os-* / gb-* / hr-* global classes;
   this file only holds what those can't express. Source: stage2-work/our-story/page.css */

body{background-color:var(--hr-cream);}
body.elementor-page-24243{background-color:var(--hr-cream);}

/* Breadcrumb: links inherit the muted band colour, the current page is cream */
body.elementor-page-24243 #os-crumb a{color:inherit;text-decoration:none;}
body.elementor-page-24243 #os-crumb a:hover{color:var(--hr-cream);}
body.elementor-page-24243 #os-crumb span:last-child{color:var(--hr-cream);}

/* Visually hidden H1 behind the logo sign plate */
body.elementor-page-24243 #os-h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* Sign plate: inner line inside the brick frame; the JPG logo's white blends into the cream plate */
body.elementor-page-24243 #os-plate::after{content:"";position:absolute;inset:6px;border:1px solid var(--hr-border-field);pointer-events:none;}
body.elementor-page-24243 #os-plate img{display:block;width:100%;height:auto;mix-blend-mode:multiply;}

/* Double-frame photo ("signage frame"): 2px brick border on the class, 1px inner line here */
body.elementor-page-24243 .os-frame::after{content:"";position:absolute;inset:6px;border:1px solid var(--hr-border-field);pointer-events:none;z-index:1;}

/* Section sub-nav: underline on the active page */
body.elementor-page-24243 .os-subnav{border-bottom:2px solid transparent;}
body.elementor-page-24243 .os-subnav-on{border-bottom-color:var(--hr-terracotta);}
body.elementor-page-24243 .os-subnav a,
body.elementor-page-24243 .os-link a{color:inherit;text-decoration:none;}

/* Image tiles: brick rule under the photo (gb-media is shared with the shop pages) */
body.elementor-page-24243 .gb-media{border-bottom:3px solid var(--hr-terracotta);}

/* Chalkboard (Explore the Market only) */
body.elementor-page-24243 #os-board{box-shadow:inset 0 0 50px rgba(0,0,0,.45);}

/* Visit band links */
body.elementor-page-24243 #visit a{color:inherit;text-decoration:none;}
body.elementor-page-24243 #visit .os-band-link a:hover{color:var(--hr-cream);}

/* Focus and transitions */
body.elementor-page-24243 a,
body.elementor-page-24243 button{transition:color .12s,background-color .12s,border-color .12s;}
body.elementor-page-24243 a:focus-visible,
body.elementor-page-24243 button:focus-visible{outline:2px solid var(--hr-terracotta);outline-offset:2px;}/* End custom CSS */