/* Berger's archived Joomla-era appearance, based on the January 15, 2025 capture. */
*{box-sizing:border-box}
html{background:#000}
body{margin:0;min-height:100vh;background:#000 url('/bergersold/top_bg.jpg') center top / 1600px 776px no-repeat;color:#fff;font:13px Verdana,Arial,Helvetica,sans-serif}
a{color:#ad924b;text-decoration:none}
a:hover,a:focus-visible{color:#fff;text-decoration:underline}
.skip{position:absolute;top:-100px;left:1rem;background:#111;color:#fff;padding:8px;z-index:5}.skip:focus{top:1rem}
.site{width:958px;max-width:100%;margin:0 auto}
.showcase{position:relative;width:958px;height:271px;max-width:100%;margin-top:57px;overflow:hidden}
.slides{position:absolute;left:239px;top:0;width:700px;height:270px;overflow:hidden}
.slides img{position:absolute;inset:0;width:700px;height:299px;max-width:none;opacity:0;animation:rotate-photos 25s infinite}
@keyframes rotate-photos{0%,17%{opacity:1}20%,97%{opacity:0}100%{opacity:1}}
.header-art{position:absolute;inset:0;background:url('/bergersold/header.png') center top / 958px 271px no-repeat;pointer-events:none}
.brand{position:absolute;inset:0;z-index:2;width:55%;height:100%;display:block}
.navigation{height:39px;margin-bottom:15px;display:flex;justify-content:flex-end;align-items:stretch;padding-right:32px;background:rgba(15,17,19,.45)}
.navigation a{position:relative;display:flex;align-items:center;margin:0 0 0 14px;padding:0 7px;color:#fff;text-transform:uppercase;font:700 12px Verdana,Arial,sans-serif}
.navigation a:hover{text-decoration:none;color:#d6be78}
.navigation a.active:after{content:'';height:2px;background:#b69c44;position:absolute;bottom:2px;left:0;right:0}
main{min-height:416px;padding:18px 12px 35px}
h1{font:700 22px Verdana,Arial,sans-serif;margin:0 0 40px;padding:13px;background:linear-gradient(90deg,rgba(12,17,20,.82),rgba(12,17,20,.3));min-height:52px}
.home-body{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:0 10px}
.home-copy{max-width:604px;line-height:1.3;padding-top:19px}
p{margin:0 0 16px}
.home-copy .hours{margin-top:74px}
.home-copy .hours a{color:inherit}
.mascot{width:280px;height:307px;object-fit:contain;flex:none}
.about-body{padding:0 10px;min-height:400px}
.about-body p{width:600px;max-width:100%;line-height:1.3}
.about-body img{display:block;margin:100px auto 0;max-width:100%;height:auto}
@media(max-width:958px){
  .showcase{height:auto;aspect-ratio:958 / 271;margin-top:28px}
  .slides{left:25%;width:73%;height:100%}
  .slides img{width:100%;height:114%;object-fit:cover}
  .header-art{background-size:100% 100%}
  .navigation{padding-right:12px}
  main{padding:18px 16px 40px}
  h1{margin-bottom:24px}
  .home-body{padding:0;gap:12px}
  .home-copy{padding-top:0}
  .mascot{width:30%;height:auto}
}
@media(max-width:600px){
  .showcase{margin-top:18px}
  .navigation{height:auto;min-height:40px;justify-content:center;flex-wrap:wrap;padding:0 4px;margin-bottom:8px}
  .navigation a{font-size:10px;margin:0 2px;padding:12px 5px}
  h1{font-size:18px;line-height:1.3}
  .home-body{display:block}
  .home-copy .hours{margin-top:38px}
  .mascot{display:block;width:220px;max-width:70%;margin:14px auto 0}
  .about-body img{margin-top:55px}
}
@media(prefers-reduced-motion:reduce){.slides img{animation:none}.slides img:first-child{opacity:1}}