/* Oxford Gun Company — Contact page refresh.
   Load after screen.css. Scoped to body#contact content only;
   the header, navigation and footer are untouched. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');

body#contact #container-outer{background:linear-gradient(180deg,#f3eee5 0,#fbfaf7 720px)!important}
body#contact #container-outer>#container{--wine:#510b1b;--wine2:#741a31;--cream:#f3eee5;--paper:#fbfaf7;--ink:#20231f;--muted:#626760;--line:rgba(32,35,31,.15);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;box-sizing:border-box;width:min(1040px,calc(100% - 2*clamp(20px,4vw,60px)))!important;max-width:1040px!important;margin:0 auto!important;padding:clamp(48px,7vw,84px) 0!important;background:transparent!important;color:var(--ink);font:400 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
body#contact #container-outer>#container *,body#contact #container-outer>#container *::before,body#contact #container-outer>#container *::after{box-sizing:border-box}
body#contact #container-outer>#container .contentfullwidth{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body#contact #container-outer>#container a{color:var(--wine2);font-weight:600;text-underline-offset:4px}
body#contact #container-outer>#container h1,body#contact #container-outer>#container h2,body#contact #container-outer>#container h3{font-family:var(--serif)!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-.025em}

/* Contact overview */
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child{display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:0;float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h1{grid-column:1/-1;margin:0 0 34px!important;color:var(--wine)!important;text-align:center!important;font-size:clamp(2.7rem,5vw,4rem)!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h3{align-self:end;margin:0!important;padding:30px 32px 8px!important;background:#fff!important;border:1px solid var(--line)!important;border-bottom:0!important;color:var(--wine)!important;text-align:center!important;font-size:clamp(1.35rem,2vw,1.7rem)!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h3{align-self:stretch;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:30px 32px 8px!important;background:#fff!important;border:1px solid var(--line)!important;border-bottom:0!important;color:var(--wine)!important;text-align:center!important;font-size:clamp(1.35rem,2vw,1.7rem)!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h3:first-of-type{grid-column:1;grid-row:2}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h3:nth-of-type(2){grid-column:2;grid-row:2;background:var(--cream)!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p{margin:0!important;color:var(--muted)!important;font:400 15px/1.75 var(--sans)!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:first-of-type{grid-column:1;grid-row:3;padding:4px 32px 32px!important;background:#fff!important;border:1px solid var(--line)!important;border-top:0!important;text-align:center!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(2){grid-column:2;grid-row:3;padding:4px 32px 32px!important;background:var(--cream)!important;border:1px solid var(--line)!important;border-top:0!important;text-align:center!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:first-of-type{grid-column:1;grid-row:3;align-self:stretch;height:100%;padding:4px 32px 32px!important;background:#fff!important;border:1px solid var(--line)!important;border-top:0!important;text-align:center!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(2){grid-column:2;grid-row:3;align-self:stretch;height:100%;padding:4px 32px 32px!important;background:var(--cream)!important;border:1px solid var(--line)!important;border-top:0!important;text-align:center!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(3){grid-column:1/-1;grid-row:4;margin:24px 0!important;padding:22px 26px!important;background:var(--wine)!important;color:#fff!important;text-align:center!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(3) br:first-child,body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(3) br:last-child{display:none}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(3) a{display:inline-block;margin:8px 0 0;padding:9px 15px;border:1px solid rgba(255,255,255,.65);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700;letter-spacing:.05em}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(3) a:hover{background:#fff;color:var(--wine)!important}

/* Opening times */
body#contact #container-outer>#container #openingtimessurroundcontactspage{grid-column:1/-1;grid-row:5;display:block!important;width:100%!important;margin:0!important;padding:clamp(42px,5vw,60px) clamp(24px,7vw,90px)!important;background:#1f2922!important;border:0!important;color:#fff!important;text-align:center!important;box-shadow:none!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>h1{margin:0 0 28px!important;color:#fff!important;text-align:center!important;font:500 clamp(2.5rem,4vw,3.2rem)/1.1 var(--serif)!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>h2{margin:24px 0 10px!important;padding:0!important;background:transparent!important;color:#fff!important;text-align:left!important;font:500 clamp(1.35rem,2vw,1.5rem)/1.25 var(--serif)!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable{width:100%!important;margin:10px 0!important;border:0!important;border-collapse:collapse!important;table-layout:fixed;color:#fff!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable td{padding:9px 5px!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.86)!important;text-align:center!important;font:400 14px/1.5 var(--sans)!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>h2{margin:24px 0 10px!important;padding:0!important;background:transparent!important;color:#fff!important;text-align:center!important;font:500 clamp(1.35rem,2vw,1.5rem)/1.25 var(--serif)!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable{width:min(620px,82%)!important;margin:10px auto!important;border:0!important;border-collapse:collapse!important;table-layout:fixed;color:#fff!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable td{padding:10px 5px!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.9)!important;text-align:center!important;font:400 16px/1.5 var(--sans)!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable .col1{width:60%!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable .col2{width:40%!important;font-weight:400!important;color:rgba(255,255,255,.86)!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable .col3{color:rgba(255,255,255,.86)!important;font-size:14px!important;font-style:italic!important}
body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable .col3{color:rgba(255,255,255,.86)!important;font-size:15px!important;font-style:italic!important}

/* Message form */
body#contact #container-outer>#container .contentfullwidth>.subcontainer:nth-child(2){float:none!important;width:100%!important;max-width:none!important;margin:clamp(28px,5vw,52px) 0 0!important;padding:clamp(30px,5vw,54px)!important;background:var(--cream)!important;border:1px solid var(--line)!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:nth-child(2)>h2{margin:0 0 10px!important;color:var(--wine)!important;text-align:center!important;font-size:clamp(2rem,3.6vw,3rem)!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:nth-child(2)>p{max-width:720px;margin:0 auto 28px!important;color:var(--muted)!important;text-align:center!important;font:400 15px/1.7 var(--sans)!important}
body#contact #container-outer>#container #contactformoutlinebox{float:none!important;width:100%!important;max-width:760px!important;margin:0 auto!important;padding:0!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 12px 34px rgba(32,35,31,.07)}
body#contact #container-outer>#container #thecontactform,body#contact #container-outer>#container #emailform{width:100%!important;margin:0!important}
body#contact #container-outer>#container #contactformoutlinebox{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 12px 34px rgba(32,35,31,.07)}
body#contact #container-outer>#container #thecontactform,body#contact #container-outer>#container #emailform{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
body#contact #container-outer>#container #emailform{transition:background-color .25s ease}
body#contact #container-outer>#container #contactformoutlinebox:has(#generalbutton.selected) #emailform{background:#fbfaf7!important}
body#contact #container-outer>#container #contactformoutlinebox:has(#airriflesbutton.selected) #emailform{background:#edf2ee!important}
body#contact #container-outer>#container #contactformoutlinebox:has(#generalbutton.selected) #emailform td,body#contact #container-outer>#container #contactformoutlinebox:has(#airriflesbutton.selected) #emailform td{background:transparent!important}
body#contact #container-outer>#container #emailform{border-collapse:collapse!important;table-layout:fixed}
body#contact #container-outer>#container #emailform td{height:auto!important;padding:7px clamp(18px,4vw,34px)!important;border:0!important;color:var(--ink)!important;text-align:left!important;font:600 13px/1.4 var(--sans)!important}
body#contact #container-outer>#container #emailform tr:first-of-type td{padding:0!important}
body#contact #container-outer>#container #generalbutton,body#contact #container-outer>#container #airriflesbutton{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:54px!important;margin:0!important;padding:12px 15px!important;border:0!important;cursor:pointer;font:700 12px/1.3 var(--sans)!important;letter-spacing:.035em}
body#contact #container-outer>#container #generalbutton.selected,body#contact #container-outer>#container #airriflesbutton.selected{background:var(--wine)!important;color:#fff!important}
body#contact #container-outer>#container #generalbutton.unselected,body#contact #container-outer>#container #airriflesbutton.unselected{background:#eee9e1!important;color:var(--wine)!important}
body#contact #container-outer>#container #generalbutton.unselected:hover,body#contact #container-outer>#container #airriflesbutton.unselected:hover{background:#e3dbd0!important}
body#contact #container-outer>#container #generalbutton,body#contact #container-outer>#container #airriflesbutton{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%!important;min-height:76px!important;margin:0!important;padding:13px 15px!important;border:0!important;cursor:pointer;font:700 14px/1.3 var(--sans)!important;letter-spacing:.025em;transition:background .2s ease,color .2s ease}
body#contact #container-outer>#container #generalbutton::after,body#contact #container-outer>#container #airriflesbutton::after{font:700 10px/1.2 var(--sans)!important;letter-spacing:.1em;text-transform:uppercase}
body#contact #container-outer>#container #generalbutton.selected,body#contact #container-outer>#container #airriflesbutton.selected{background:var(--wine)!important;box-shadow:inset 0 -5px 0 #a96b7a!important;color:#fff!important}
body#contact #container-outer>#container #generalbutton.selected::after,body#contact #container-outer>#container #airriflesbutton.selected::after{content:'Selected';color:rgba(255,255,255,.8)}
body#contact #container-outer>#container #generalbutton.unselected,body#contact #container-outer>#container #airriflesbutton.unselected{background:#1f2922!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.18)!important;color:#fff!important}
body#contact #container-outer>#container #generalbutton.unselected::after,body#contact #container-outer>#container #airriflesbutton.unselected::after{content:'Select this form';color:rgba(255,255,255,.68)}
body#contact #container-outer>#container #generalbutton.unselected:hover,body#contact #container-outer>#container #airriflesbutton.unselected:hover{background:#35443a!important}
body#contact #container-outer>#container #emailform tr:nth-of-type(2) td{padding-top:25px!important}
body#contact #container-outer>#container #emailform input[type='text'],body#contact #container-outer>#container #emailform textarea{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:12px 14px!important;background:#fff!important;border:1px solid rgba(32,35,31,.28)!important;border-radius:0!important;color:var(--ink)!important;font:400 16px/1.5 var(--sans)!important;box-shadow:none!important}
body#contact #container-outer>#container #emailform input[type='text']{height:48px!important}
body#contact #container-outer>#container #emailform textarea{min-height:170px!important;resize:vertical}
body#contact #container-outer>#container #emailform input:focus,body#contact #container-outer>#container #emailform textarea:focus{border-color:var(--wine)!important;outline:3px solid rgba(81,11,27,.12)!important;outline-offset:0}
body#contact #container-outer>#container #captcha{padding-top:18px!important;overflow-x:auto}
body#contact #container-outer>#container #captcha{display:table-cell!important;width:100%!important;max-width:100%!important;padding-top:18px!important;overflow:hidden!important}
body#contact #container-outer>#container #captcha>.g-recaptcha{width:304px!important;max-width:100%!important;margin:0 auto!important;overflow:hidden!important}
body#contact #container-outer>#container #submitrow{padding-top:18px!important;padding-bottom:28px!important;text-align:center!important}
body#contact #container-outer>#container #submitrow>a{display:inline-block!important;text-decoration:none!important}
body#contact #container-outer>#container #submitemail{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:190px!important;height:auto!important;margin:0!important;padding:14px 28px!important;background:var(--wine)!important;border:1px solid var(--wine)!important;border-radius:0!important;color:#fff!important;font:700 12px/1.2 var(--sans)!important;letter-spacing:.08em;transition:background .2s ease,color .2s ease}
body#contact #container-outer>#container #submitrow>a:hover #submitemail{background:#fff!important;color:var(--wine)!important}

/* Map */
body#contact #container-outer>#container .contentfullwidth>.subcontainer:nth-child(3){float:none!important;width:100%!important;max-width:none!important;margin:clamp(28px,5vw,52px) 0 0!important;padding:0!important}
body#contact #container-outer>#container .contentfullwidth>.subcontainer:nth-child(3)>h2{margin:0!important;padding:20px 24px!important;background:var(--wine)!important;color:#fff!important;text-align:center!important;font-size:clamp(1.7rem,3vw,2.35rem)!important}
body#contact #container-outer>#container #contactmap{display:block!important;width:100%!important;max-width:none!important;height:clamp(340px,52vw,520px)!important;margin:0!important;border:1px solid var(--line)!important;border-top:0!important}
body#contact #container-outer>#container .clearallclass{display:none!important}

@media(max-width:700px){
  body#contact #container-outer>#container{width:calc(100% - 30px)!important;padding:40px 0 58px!important}
  body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child{grid-template-columns:1fr}
  body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h1{font-size:2.65rem!important}
  body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h3:first-of-type,body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h3:nth-of-type(2),body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:first-of-type,body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(2),body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(3),body#contact #container-outer>#container #openingtimessurroundcontactspage{grid-column:1;grid-row:auto}
  body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h3{padding:25px 20px 7px!important}
  body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>h3:nth-of-type(2){margin-top:18px!important}
  body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:first-of-type,body#contact #container-outer>#container .contentfullwidth>.subcontainer:first-child>p:nth-of-type(2){padding:3px 20px 25px!important}
  body#contact #container-outer>#container #openingtimessurroundcontactspage{padding:36px 18px!important}
  body#contact #container-outer>#container #openingtimessurroundcontactspage>h1{font-size:2.35rem!important}
  body#contact #container-outer>#container #openingtimessurroundcontactspage>h2{text-align:center!important}
  body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable td{padding:8px 3px!important;font-size:13px!important}
  body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable .col3{font-size:13px!important}
  body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable{width:100%!important}
  body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable td{padding:9px 3px!important;font-size:15px!important}
  body#contact #container-outer>#container #openingtimessurroundcontactspage>.openingtimestable .col3{font-size:14px!important}
  body#contact #container-outer>#container .contentfullwidth>.subcontainer:nth-child(2){padding:28px 15px!important}
  body#contact #container-outer>#container #emailform td{padding-left:14px!important;padding-right:14px!important}
  body#contact #container-outer>#container #generalbutton,body#contact #container-outer>#container #airriflesbutton{min-height:60px!important;padding:10px 8px!important;font-size:11px!important}
  body#contact #container-outer>#container #captcha{padding-left:8px!important;padding-right:8px!important}
  body#contact #container-outer>#container #captcha{padding-left:0!important;padding-right:0!important}
  body#contact #container-outer>#container #contactmap{height:360px!important}
}

@media(max-width:360px){body#contact #container-outer>#container #captcha{transform:scale(.9);transform-origin:left top;width:111%;margin-bottom:-8px}}
@media(max-width:390px){body#contact #container-outer>#container #captcha>.g-recaptcha>div:first-child{transform:scale(.9);transform-origin:left top;margin-bottom:-8px}body#contact #container-outer>#container #captcha>.g-recaptcha{width:274px!important}}
@media(max-width:345px){body#contact #container-outer>#container #captcha>.g-recaptcha>div:first-child{transform:scale(.8);margin-bottom:-16px}body#contact #container-outer>#container #captcha>.g-recaptcha{width:244px!important}}
@media(prefers-reduced-motion:reduce){body#contact #container-outer>#container *,body#contact #container-outer>#container *::before,body#contact #container-outer>#container *::after{transition:none!important}}