/*
Theme Name: Hello Elementor Child (OTTA Light Shell)
Theme URI: https://oldtowntemecula.org
Description: Child theme for the Old Town Temecula Association site. Adds a lightweight HTML header and footer on the custom pages so they load without the page builder assets. Switch: Appearance > OTTA Light Shell.
Author: CityByApp Inc.
Template: hello-elementor
Version: 1.3.2
*/
.ol-shell{--ink:#241a14;--wine:#6e1423;--gold:#b88a2e;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#333;background:#fff}
.ol-shell .site-main{display:block;max-width:1180px;margin:0 auto;padding:0 20px 20px}
.ol-shell .page-content{width:100%}
.ol-shell .page-header,.ol-shell .entry-title,.ol-shell .entry-header{display:none}
.ol-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 0 51px 10px rgba(0,0,0,.25)}
.ol-header__in{max-width:1594px;margin:0 auto;min-height:80px;padding:12px 20px;display:flex;align-items:center;gap:24px}
.ol-logo{display:inline-flex;flex:0 0 auto}
.ol-logo img{width:122px;height:100px;display:block;object-fit:contain}
.ol-nav{flex:1;display:flex;justify-content:center}
.ol-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.ol-nav a{display:block;padding:17px 10px;font-family:'Raleway',sans-serif;font-weight:600;font-size:15px;text-transform:uppercase;color:#000;text-decoration:none;position:relative;line-height:1.2}
.ol-nav a::after{content:"";position:absolute;left:11px;right:11px;bottom:12px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .2s ease}
.ol-nav a:hover::after,.ol-nav a.is-active::after{transform:scaleX(1)}
.ol-nav a:focus-visible,.ol-ic:focus-visible,.ol-toggle:focus-visible,.ol-foot a:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.ol-icons{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.ol-ic{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none}
.ol-ic svg{width:20px;height:20px;fill:#54595f}
.ol-ic--pill{background:#fff}.ol-ic--pill svg{fill:#7c6d6d}
.ol-ic:hover svg{fill:var(--wine)}
.ol-toggle{display:none;width:44px;height:44px;border:0;border-radius:100px;background:#000;color:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-left:auto}
.ol-toggle svg{width:22px;height:22px;fill:#fff}
.ol-toggle .ol-x{display:none}.ol-toggle[aria-expanded="true"] .ol-x{display:block}.ol-toggle[aria-expanded="true"] .ol-bars{display:none}
@media (max-width:1024px){
.ol-header__in{flex-wrap:wrap;gap:12px;padding:10px 16px;min-height:0}
.ol-logo img{width:103px;height:85px}
.ol-nav{order:3;flex-basis:100%;display:none}
.ol-nav.is-open{display:block}
.ol-nav ul{flex-direction:column;gap:0;border-top:1px solid #eee;padding-top:6px}
.ol-nav a{padding:14px 8px;font-size:16px;text-align:center}
.ol-nav a::after{display:none}
.ol-nav a.is-active{color:var(--wine)}
.ol-icons{margin-left:auto;gap:0}
.ol-ic{width:34px;height:34px}.ol-ic svg{width:18px;height:18px}
.ol-toggle{display:inline-flex;margin-left:8px}
}
.ol-foot{background:#241a14;color:#fff;text-align:center;padding:30px 20px;font-family:'Open Sans',sans-serif}
.ol-foot__list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px;align-items:center;font-family:Roboto,'Inter',sans-serif;font-size:16px}
.ol-foot__list li{display:inline-flex;align-items:center;gap:18px}
.ol-foot__list svg{width:14px;height:14px;fill:#fff;flex:0 0 auto}
.ol-foot a{color:#fff;text-decoration:none}
.ol-foot__list a:hover,.ol-foot__line a:hover{text-decoration:underline}
.ol-foot__rule{width:30%;max-width:336px;margin:16px auto 22px;border:0;border-top:1px solid #999}
.ol-foot__icons{display:flex;justify-content:center;gap:0;margin-bottom:20px}
.ol-foot .ol-ic{width:42px;height:42px}.ol-foot .ol-ic svg{width:21px;height:21px;fill:#fff}
.ol-foot .ol-ic--dark{background:#000}
.ol-foot .ol-ic:hover svg{fill:#d9b35b}
.ol-foot__line{font-size:15px;line-height:1.5;margin:0 0 10px;text-wrap:balance}
.ol-foot__line a.ol-u{text-decoration:underline;text-underline-offset:3px}

/* 1.3.1: the accessibility skip link stays hidden until a keyboard user tabs to it */
.skip-link.screen-reader-text{position:absolute !important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link.screen-reader-text:focus{left:8px;top:8px;width:auto;height:auto;clip:auto;overflow:visible;padding:10px 14px;background:#fff;color:#6e1423;font-size:16px;font-weight:600;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:100000;text-decoration:underline}

/* 1.3.2: belt and braces in case another plugin converts emoji to images */
img.emoji{display:inline-block!important;width:1em!important;height:1em!important;margin:0 .07em!important;vertical-align:-0.1em!important;border:0!important;box-shadow:none!important;background:none!important;padding:0!important}