/* Oxford Gun Company — Search page refresh.
   Load after screen.css. Scoped to body#search 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#search #container-outer{background:linear-gradient(180deg,#f3eee5 0,#fbfaf7 680px)!important}
body#search #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(38px,5vw,62px) 0!important;background:transparent!important;color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
body#search #container-outer>#container *,body#search #container-outer>#container *::before,body#search #container-outer>#container *::after{box-sizing:border-box}
body#search #container-outer>#container .contentfullwidth{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body#search #container-outer>#container .contentfullwidth>h2{max-width:820px;margin:0 auto 20px!important;color:var(--wine)!important;text-align:center!important;font:500 clamp(2.2rem,4vw,3.2rem)/1.1 var(--serif)!important;letter-spacing:-.035em}

/* Search form */
body#search #container-outer>#container #AddSearchInputBox{float:none!important;width:100%!important;max-width:860px!important;height:auto!important;margin:0 auto!important;padding:clamp(17px,3vw,24px)!important;background:#fff!important;border:1px solid var(--line)!important;border-top:5px solid var(--wine)!important;box-shadow:0 10px 28px rgba(32,35,31,.06)}
body#search #container-outer>#container #AddSearchInputBox form{display:flex!important;align-items:stretch;gap:12px;width:100%!important;margin:0!important}
body#search #container-outer>#container #addsearchbox{flex:1 1 auto;box-sizing:border-box!important;width:auto!important;min-width:0!important;height:54px!important;margin:0!important;padding:13px 16px!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.4 var(--sans)!important;box-shadow:none!important}
body#search #container-outer>#container #addsearchbox:focus{border-color:var(--wine)!important;outline:3px solid rgba(81,11,27,.12)!important;outline-offset:0}
body#search #container-outer>#container #AddSearchInputBox form>a{flex:0 0 auto;display:block!important;margin:0!important;color:#fff!important;text-decoration:none!important}
body#search #container-outer>#container #searchbutton{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;width:auto!important;min-width:150px!important;height:54px!important;margin:0!important;padding:13px 24px!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:.07em;text-transform:uppercase;transition:background .2s ease,color .2s ease}
body#search #container-outer>#container #AddSearchInputBox form>a:hover #searchbutton{background:#fff!important;color:var(--wine)!important}
body#search #container-outer>#container #AddSearchInputBox form>a:focus-visible{outline:3px solid var(--wine);outline-offset:4px}
body#search #container-outer>#container>.contentfullwidth>.clearallclass{display:none!important}

/* Results area */
body#search #container-outer>#container #AddSearchResults{float:none!important;width:100%!important;max-width:860px!important;min-height:60px;margin:20px auto 0!important;padding:0!important}
body#search #container-outer>#container #addsearch-results,body#search #container-outer>#container #addsearch-results-mid{width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
body#search #container-outer>#container #addsearch-results-right,body#search #container-outer>#container #addsearch-pic,body#search #container-outer>#container #addsearch-scroll{display:none!important}
body#search #container-outer>#container #addsearch-rp-top{display:flex!important;justify-content:flex-end;min-height:0!important;margin:0 0 12px!important;color:var(--muted)!important;font:600 12px/1.4 var(--sans)!important}
body#search #container-outer>#container .addsearch-result-item-container{display:block!important;float:none!important;width:100%!important;min-height:0!important;margin:0 0 10px!important;padding:0!important;background-image:none!important;background-color:#fff!important;border:1px solid var(--line)!important;box-shadow:0 5px 18px rgba(32,35,31,.04);overflow:hidden}
body#search #container-outer>#container .addsearch-result-item-sub{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:clamp(16px,2.5vw,21px)!important;background-image:none!important;background-color:transparent!important;border:0!important}
body#search #container-outer>#container .addsearch-result-item-sub>div{width:100%!important;margin:0!important;padding:0!important}
body#search #container-outer>#container .addsearch-result-item-sub h2{margin:0 0 5px!important;padding:0!important;color:var(--wine)!important;text-align:left!important;font:500 clamp(1.18rem,1.9vw,1.4rem)/1.25 var(--serif)!important;letter-spacing:-.015em}
body#search #container-outer>#container .addsearch-result-item-sub h2 a{color:var(--wine)!important;text-decoration:none!important}
body#search #container-outer>#container .addsearch-result-item-sub h2 a:hover{text-decoration:underline!important;text-underline-offset:4px}
body#search #container-outer>#container .addsearch-result-item-sub p{margin:0!important;padding:0!important;color:var(--muted)!important;text-align:left!important;font:400 14px/1.55 var(--sans)!important}
body#search #container-outer>#container .addsearch-result-item-sub p em{padding:1px 3px;background:#eee2e5;color:var(--wine)!important;font-style:normal!important;font-weight:700!important}
body#search #container-outer>#container .addsearch-result-item-sub p span{display:none!important}

/* Pagination */
body#search #container-outer>#container #addsearch-results-bottom{width:100%!important;margin:16px 0 0!important;padding:0!important;text-align:center!important}
body#search #container-outer>#container #addsearch-rp-paging{display:flex!important;flex-wrap:wrap;justify-content:center;gap:7px;width:100%!important;margin:0!important;padding:0!important}
body#search #container-outer>#container #addsearch-rp-paging>a{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;height:42px;margin:0!important;padding:7px 11px!important;background:#fff!important;border:1px solid var(--line)!important;color:var(--wine)!important;text-decoration:none!important;font:700 13px/1 var(--sans)!important}
body#search #container-outer>#container #addsearch-rp-paging>a:hover,body#search #container-outer>#container #addsearch-rp-paging>a.currentResultPage{background:var(--wine)!important;border-color:var(--wine)!important;color:#fff!important}
body#search #container-outer>#container #addsearch-logo,body#search #container-outer>#container #addsearch-logo-img{display:none!important}

@media(max-width:700px){
  body#search #container-outer>#container{width:calc(100% - 30px)!important;padding:40px 0 58px!important}
  body#search #container-outer>#container .contentfullwidth>h2{font-size:2.2rem!important}
  body#search #container-outer>#container #AddSearchInputBox{padding:19px 15px!important}
  body#search #container-outer>#container #AddSearchInputBox form{flex-direction:column;gap:10px}
  body#search #container-outer>#container #addsearchbox{width:100%!important}
  body#search #container-outer>#container #AddSearchInputBox form>a,body#search #container-outer>#container #searchbutton{width:100%!important}
  body#search #container-outer>#container .addsearch-result-item-sub{padding:16px!important}
  body#search #container-outer>#container .addsearch-result-item-sub p{font-size:14px!important}
}

@media(prefers-reduced-motion:reduce){body#search #container-outer>#container *,body#search #container-outer>#container *::before,body#search #container-outer>#container *::after{transition:none!important}}

