/* Oxford Gun Company — isolated footer refresh.
   Load after screen.css and page-specific styles. Every selector begins with
   #footerouter, so page content, header and navigation remain untouched. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');

#footerouter{--footer-wine:#510b1b;--footer-wine-light:#741a31;--footer-cream:#f3eee5;--footer-ink:#20231f;--footer-serif:'Playfair Display',Georgia,serif;--footer-sans:'DM Sans',Arial,sans-serif;box-sizing:border-box!important;position:relative!important;clear:both!important;float:none!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#510b1b!important;border-top:7px solid #741a31!important;color:#fff!important;font-family:var(--footer-sans)!important}
#footerouter *,#footerouter *::before,#footerouter *::after{box-sizing:border-box}
#footerouter #footer{box-sizing:border-box!important;float:none!important;width:min(1040px,calc(100% - 2*clamp(20px,4vw,60px)))!important;max-width:1040px!important;height:auto!important;margin:0 auto!important;padding:clamp(42px,6vw,64px) 0 26px!important;background:transparent!important;color:#fff!important}
#footerouter .clearallclass{display:none!important}
#footerouter #footerblankspace,#footerouter #footercolsponsorlogo,#footerouter #findusbox2{display:none!important}

/* Main information panels */
#footerouter #footercolumns{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(300px,1.35fr) minmax(0,1fr);align-items:stretch;gap:18px;float:none!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important}
#footerouter #footercolumns>.footercol{float:none!important;width:100%!important;max-width:none!important;height:auto!important;min-height:100%;margin:0!important;padding:clamp(22px,3vw,30px)!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.17)!important;color:rgba(255,255,255,.82)!important;text-align:left!important;font:400 13px/1.65 var(--footer-sans)!important}
#footerouter #footercolumns>.footercol>h2,#footerouter #findusbox1>h2{margin:0 0 17px!important;padding:0 0 11px!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.24)!important;color:#fff!important;text-align:left!important;font:500 1.45rem/1.2 var(--footer-serif)!important;letter-spacing:-.015em}
#footerouter #footercolumns>.footercol>p{margin:0 0 17px!important;padding:0!important;color:rgba(255,255,255,.82)!important;text-align:left!important;font:400 13px/1.7 var(--footer-sans)!important}
#footerouter #footercolumns>.footercol>p:last-of-type{margin-bottom:0!important}
#footerouter #footercolumns a{color:#fff!important;font-weight:700!important;text-decoration-thickness:1px;text-underline-offset:4px}
#footerouter #footercolumns a:hover{color:var(--footer-cream)!important}
#footerouter #footercol3 p:first-of-type a{display:inline-block;margin-top:3px;color:#fff!important;text-decoration:none!important;font-size:1.2rem!important;letter-spacing:.02em}

/* Opening times */
#footerouter #footercol2>p:empty{display:none!important}
#footerouter #footeropeningtimes{width:100%!important;margin:0!important;padding:0!important;color:#fff!important}
#footerouter #footeropeningtimes>h2{margin:17px 0 7px!important;padding:0!important;background:transparent!important;border:0!important;color:#fff!important;text-align:left!important;font:600 14px/1.35 var(--footer-sans)!important;letter-spacing:.015em}
#footerouter #footeropeningtimes>h2:first-of-type{margin-top:0!important}
#footerouter #footeropeningtimes .openingtimestable{width:100%!important;max-width:none!important;margin:0 0 12px!important;border:0!important;border-collapse:collapse!important;table-layout:fixed!important;color:rgba(255,255,255,.82)!important}
#footerouter #footeropeningtimes .openingtimestable td{height:auto!important;margin:0!important;padding:6px 3px!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.82)!important;text-align:left!important;font:400 12px/1.45 var(--footer-sans)!important}
#footerouter #footeropeningtimes .openingtimestable .col1{width:60%!important}
#footerouter #footeropeningtimes .openingtimestable .col2{width:40%!important;text-align:right!important;font-weight:700!important;white-space:nowrap}
#footerouter #footeropeningtimes .openingtimestable .col3{text-align:center!important;color:rgba(255,255,255,.64)!important;font-size:11px!important;font-style:italic!important}

/* Social link */
#footerouter #findusbox1{width:100%!important;margin:24px 0 0!important;padding:0!important}
#footerouter #findusbox1>a{display:inline-flex!important;align-items:center;justify-content:center;width:42px!important;height:42px!important;margin:0!important;padding:0!important;background:#fff!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:50%!important;text-decoration:none!important;transition:transform .2s ease,background .2s ease}
#footerouter #findusbox1>a:hover{background:var(--footer-cream)!important;transform:translateY(-2px)}
#footerouter #findusbox1 img{display:block!important;width:24px!important;height:24px!important;margin:0!important;object-fit:contain}

/* Lower links and copyright */
#footerouter #footer>hr{clear:both!important;width:100%!important;height:1px!important;margin:28px 0!important;background:rgba(255,255,255,.2)!important;border:0!important}
#footerouter #footer>hr:last-of-type{margin-bottom:0!important}
#footerouter #footer>hr:first-of-type+.footercol{float:none!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;color:rgba(255,255,255,.72)!important;text-align:center!important;font:500 12px/1.6 var(--footer-sans)!important}
#footerouter #footer>hr:first-of-type+.footercol p{display:inline;margin:0!important;padding:0!important;color:inherit!important;font:inherit!important}
#footerouter #footer>hr:first-of-type+.footercol p br{display:none!important}
#footerouter #footer>hr:first-of-type+.footercol p+p::before{content:'  ·  ';color:rgba(255,255,255,.38);white-space:pre}
#footerouter #footer>hr:first-of-type+.footercol a{display:inline-block;margin:3px 6px;color:#fff!important;text-decoration:none!important;font-weight:600!important}
#footerouter #footer>hr:first-of-type+.footercol a:hover{text-decoration:underline!important;text-underline-offset:4px}
#footerouter #footercolCopyright{display:block!important;float:none!important;width:100%!important;max-width:none!important;height:auto!important;margin:20px 0 0!important;padding:0!important;text-align:center!important}
#footerouter #footercolCopyright .copyright{margin:0!important;padding:0!important;color:rgba(255,255,255,.58)!important;text-align:center!important;font:400 11px/1.65 var(--footer-sans)!important}
#footerouter #footercolCopyright a{color:rgba(255,255,255,.78)!important}

@media(max-width:900px){
  #footerouter #footercolumns{grid-template-columns:1fr 1fr}
  #footerouter #footercol2{grid-column:2;grid-row:1/3}
  #footerouter #footercol3{grid-column:1;grid-row:2}
}

@media(max-width:620px){
  #footerouter #footer{width:calc(100% - 30px)!important;padding-top:38px!important}
  #footerouter #footercolumns{grid-template-columns:1fr;gap:13px}
  #footerouter #footercol1,#footerouter #footercol2,#footerouter #footercol3{grid-column:1;grid-row:auto}
  #footerouter #footercolumns>.footercol{padding:22px 18px!important}
  #footerouter #footercolumns>.footercol>h2,#footerouter #findusbox1>h2{text-align:center!important}
  #footerouter #footercolumns>.footercol>p{text-align:center!important}
  #footerouter #footeropeningtimes>h2{text-align:center!important}
  #footerouter #findusbox1{text-align:center!important}
  #footerouter #footer>hr:first-of-type+.footercol p{display:block;margin:5px 0!important}
  #footerouter #footer>hr:first-of-type+.footercol p+p::before{display:none}
  #footerouter #footer>hr:first-of-type+.footercol a{margin:4px 7px}
}

@media(max-width:360px){#footerouter #footeropeningtimes .openingtimestable td{font-size:11px!important}#footerouter #footeropeningtimes .openingtimestable .col3{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){#footerouter *,#footerouter *::before,#footerouter *::after{transition:none!important}}
