/* McGinty's Pub — static rebuild (matches the OnePress-based WordPress site) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 14px/1.7 "Open Sans",Helvetica,Arial,sans-serif;color:#777;background:#fff}
a{color:#097200;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;vertical-align:middle}
p{margin:0 0 15px}
.container{width:100%;max-width:1170px;margin:0 auto;padding:0 15px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Header */
.site-header{background:#fff;box-shadow:0 5px 10px 0 rgba(50,50,50,.06);padding:24px 0;position:relative;z-index:10}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-logo img{display:block;width:460px;max-width:100%;height:auto}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex}
.main-navigation a{display:block;padding:0 17px;line-height:75px;font:600 13px/75px Raleway,Helvetica,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#000}
.main-navigation a:hover{text-decoration:none;color:#097200}

/* Hero */
.hero{position:relative;overflow:hidden;min-height:40vw;display:flex;align-items:center;padding:60px 0;background:#111 url(../images/hero.jpg) center center/cover no-repeat;color:#fff;text-align:center}
.hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3)}
.hero .container{position:relative}
.hero__content{font-weight:300;font-size:18px;line-height:1.7}
.hero__text p{font-size:22px;font-style:italic;font-weight:300;line-height:1.7;letter-spacing:.4px;color:#fff;margin:0 0 30px}
.hero__text strong{font-weight:700;letter-spacing:-.6px}
.btn{display:inline-block;padding:12px 24px;margin:10px 10px 20px 0;border:1px solid transparent;border-radius:2px;font:600 17px/1.25 "Open Sans",Helvetica,Arial,sans-serif;text-transform:uppercase;text-align:center;transition:all .2s}
.btn:hover{text-decoration:none}
.btn-primary{background:#097200;border-color:#097200;color:#fff}
.btn-primary:hover{background:#0b8a00;border-color:#0b8a00;color:#fff}
.btn-outline{background:transparent;border-color:rgba(255,255,255,.9);color:rgba(255,255,255,.9)}
.btn-outline:hover{background:#fff;color:#333}

/* Inner page */
.page-header{background:#f8f9f9;border-bottom:1px solid #e9e9e9;padding:30px 0}
.page-header h1{margin:0;font:600 24px/1.4 Raleway,Helvetica,Arial,sans-serif;text-transform:uppercase;color:#333}
.site-content{padding:60px 0}
.media-text{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1280px;margin:0 auto}
.media-text__media img{display:block;width:100%;height:auto}
.media-text__content{padding:0 8%}
.media-text__content .lead{font-size:28px;margin-bottom:15px}
.media-text__content p{color:#777}

/* Footer */
.site-footer{background:#000;color:#bbb}
.footer-connect{padding:80px 0;text-align:center}
.footer-social a{display:inline-block;color:#fff;margin:0 8px;line-height:1}
.footer-social svg{width:30px;height:30px;fill:currentColor;display:block}
.footer-social a:hover{color:#097200}
.site-info{position:relative;background:#216000;padding:35px 0;text-align:center;font-weight:500;color:rgba(255,255,255,.7)}
.site-info a{color:rgba(255,255,255,.9)}
.btt{position:absolute;right:60px;top:0;width:100px;height:44px;transform:translateY(-100%);background:#216000;clip-path:polygon(50% 0,100% 100%,0 100%);display:flex;align-items:flex-end;justify-content:center;color:#fff;font-size:20px;line-height:1;padding-bottom:2px}
.btt:hover{text-decoration:none;color:#fff}

@media (max-width:991px){
  .media-text{grid-template-columns:1fr}
  .media-text__content{padding:30px 0 0}
}
@media (max-width:767px){
  .site-header{padding:16px 0}
  .site-header .container{flex-wrap:wrap;justify-content:center}
  .site-logo img{width:300px}
  .main-navigation a{line-height:48px}
  .hero{min-height:420px;padding:50px 0}
  .hero__text p{font-size:18px}
  .btn{display:block;margin:10px auto;max-width:320px}
  .footer-connect{padding:50px 0}
  .btt{right:20px}
}
