/* Sticky bar and side menu (0.7.21). Colours and height come from Customizer via inline variables. */
.pn-topbar{position:fixed;top:0;left:0;right:0;z-index:999;height:var(--pn-sticky-h,50px);background:var(--pn-sticky-bg,#fff);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;box-shadow:0 2px 10px rgba(0,0,0,.15);transform:translateY(-100%);transition:transform .25s ease}
.pn-topbar.is-visible{transform:none}
.pn-sticky-menu,.pn-sticky-search{background:none;border:0;padding:8px;cursor:pointer;color:#111;line-height:0}
.pn-sticky-logo{display:flex;align-items:center;min-width:0}
.pn-sticky-logo img{display:block;width:auto;max-width:100%;height:calc(var(--pn-sticky-h,50px) - 10px);max-height:calc(var(--pn-sticky-h,50px) - 10px)}
.pn-sticky-logo span{font:bold 28px/1.1 Georgia,serif;color:#111}
.pn-sticky-tools{display:flex;align-items:center;gap:14px;flex-shrink:0}
.pn-drawer{position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);background:#fff;z-index:1001;padding:16px 22px;overflow-y:auto;box-shadow:2px 0 14px rgba(0,0,0,.2);transform:translateX(-100%);transition:transform .25s ease}
.pn-drawer.is-open{transform:none}
.pn-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s}
.pn-drawer-overlay.is-open{opacity:1;pointer-events:auto}
.pn-drawer-close{float:right;background:none;border:0;font-size:36px;line-height:1;cursor:pointer;color:#111}
.pn-drawer-search{margin:52px 0 18px}
.pn-drawer-search input[type=search]{width:100%;padding:10px 12px;box-sizing:border-box;border:1px solid #ccc;border-radius:24px}
.pn-drawer-menu ul{list-style:none;margin:0;padding:0}
.pn-drawer-menu a{display:block;padding:14px 0;font-size:18px;font-weight:bold;text-decoration:none;color:#111;border-bottom:1px solid #eee}
.pn-drawer-facebook{display:inline-block;margin-top:20px;width:36px;height:36px;border-radius:50%;background:#3b5998;color:#fff;text-align:center;line-height:36px;font-weight:bold;text-decoration:none}
@media(max-width:650px){.pn-topbar{padding:0 12px}.pn-sticky-tools{gap:6px}}
/* 0.7.25: side menu items stack vertically, whatever the main menu's own layout rules are. */
.pn-drawer .pn-drawer-menu ul{display:block;flex-direction:column;margin:0;padding:0}
.pn-drawer .pn-drawer-menu li{display:block;width:100%;float:none;margin:0;padding:0}
.pn-drawer .pn-drawer-menu li a{display:block;width:100%}
.pn-drawer .pn-drawer-menu .sub-menu{display:block;position:static;margin:0;padding-left:16px;box-shadow:none;border:0}
/* 0.7.26: firm vertical list for the side menu. */
.pn-drawer .pn-drawer-menu ul,.pn-drawer .pn-drawer-menu ul.menu{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;justify-content:flex-start!important}
.pn-drawer .pn-drawer-menu li{display:block!important;width:100%!important;flex:none!important;float:none!important}
/* 0.7.35: side menu submenus sit on the white drawer, not the maroon dropdown colour. */
.pn-drawer .pn-drawer-menu .sub-menu,.pn-drawer .pn-drawer-menu .sub-menu li{background:transparent!important;box-shadow:none!important}
.pn-drawer .pn-drawer-menu .sub-menu a{background:transparent!important;color:#111!important}
.pn-drawer .pn-drawer-menu .sub-menu a:hover{color:var(--maroon,#790e23)!important}
