/*
 * The Schools Challenge: Search page.
 * Load after screenNEW.css and home.css.
 * Matches the Oxford Gun Company search treatment in TSC colours.
 * 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 {
  --tsc-navy:#192b6d;
  --tsc-blue:#2f5caa;
  --tsc-sky:#91c5ed;
  --tsc-pale:#edf6fc;
  --tsc-ink:#172243;
  --tsc-muted:#5e6981;
  --tsc-line:rgba(25,43,109,.16);
  --tsc-serif:'Playfair Display',Georgia,serif;
  --tsc-sans:'DM Sans',Arial,sans-serif;
  box-sizing:border-box;
  width:min(1000px,calc(100% - 2*clamp(18px,4vw,56px)))!important;
  max-width:1000px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:clamp(42px,6vw,68px) 0 clamp(56px,8vw,86px)!important;
  background:transparent!important;
  color:var(--tsc-ink);
  font:400 16px/1.65 var(--tsc-sans);
  -webkit-font-smoothing:antialiased;
}

body#search > #container::before {
  content:'';
  position:fixed;
  z-index:-2;
  inset:0;
  background:linear-gradient(180deg,var(--tsc-pale) 0,#fff 680px);
}

body#search > #container *,
body#search > #container *::before,
body#search > #container *::after { box-sizing:border-box; }

body#search > #container > div#search {
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

body#search > #container > div#search > h1 {
  max-width:820px;
  margin:0 auto 25px!important;
  padding:0!important;
  color:var(--tsc-navy)!important;
  font:500 clamp(2.15rem,4vw,3.25rem)/1.1 var(--tsc-serif)!important;
  letter-spacing:-.035em;
  text-align:center!important;
}

body#search > #container > div#search > h1 br { display:none!important; }

/* Search form */
body#search > #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;
  border:1px solid var(--tsc-line)!important;
  border-top:5px solid var(--tsc-navy)!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(25,43,109,.065);
}

body#search > #container #AddSearchInputBox form {
  display:flex!important;
  align-items:stretch;
  gap:12px;
  width:100%!important;
  margin:0!important;
}

body#search > #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;
  border:1px solid rgba(25,43,109,.28)!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--tsc-ink)!important;
  font:400 16px/1.4 var(--tsc-sans)!important;
  box-shadow:none!important;
}

body#search > #container #addsearchbox:focus { border-color:var(--tsc-blue)!important;outline:3px solid rgba(145,197,237,.48)!important;outline-offset:0; }
body#search > #container #AddSearchInputBox form > a { flex:0 0 auto;display:block!important;margin:0!important;color:#fff!important;text-decoration:none!important; }

body#search > #container #searchbutton {
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  min-width:150px!important;
  height:54px!important;
  margin:0!important;
  padding:13px 24px!important;
  border:1px solid var(--tsc-blue)!important;
  border-radius:0!important;
  background:var(--tsc-blue)!important;
  color:#fff!important;
  font:700 12px/1.2 var(--tsc-sans)!important;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:background .18s ease,color .18s ease;
}

body#search > #container #AddSearchInputBox form > a:hover #searchbutton { background:#fff!important;color:var(--tsc-blue)!important; }
body#search > #container #AddSearchInputBox form > a:focus-visible { outline:3px solid var(--tsc-sky);outline-offset:4px; }
body#search > #container > div#search > .clearallclass { display:none!important; }

/* Results */
body#search > #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 #addsearch-results,
body#search > #container #addsearch-results-mid { width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important; }

body#search > #container #addsearch-results-right,
body#search > #container #addsearch-pic,
body#search > #container #addsearch-scroll { display:none!important; }

body#search > #container #addsearch-rp-top { display:flex!important;justify-content:flex-end;min-height:0!important;margin:0 0 12px!important;color:var(--tsc-muted)!important;font:600 12px/1.4 var(--tsc-sans)!important; }

body#search > #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;
  overflow:hidden;
  border:1px solid var(--tsc-line)!important;
  border-left:4px solid var(--tsc-blue)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 5px 18px rgba(25,43,109,.045);
}

body#search > #container .addsearch-result-item-container:nth-of-type(even) { background:var(--tsc-pale)!important; }

body#search > #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;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
}

body#search > #container .addsearch-result-item-sub > div { width:100%!important;margin:0!important;padding:0!important; }
body#search > #container .addsearch-result-item-sub h2 { margin:0 0 5px!important;padding:0!important;color:var(--tsc-navy)!important;font:500 clamp(1.18rem,1.9vw,1.42rem)/1.25 var(--tsc-serif)!important;letter-spacing:-.015em;text-align:left!important; }
body#search > #container .addsearch-result-item-sub h2 a { color:var(--tsc-navy)!important;text-decoration:none!important; }
body#search > #container .addsearch-result-item-sub h2 a:hover { color:var(--tsc-blue)!important;text-decoration:underline!important;text-underline-offset:4px; }
body#search > #container .addsearch-result-item-sub p { margin:0!important;padding:0!important;color:var(--tsc-muted)!important;font:400 14px/1.55 var(--tsc-sans)!important;text-align:left!important; }
body#search > #container .addsearch-result-item-sub p em { padding:1px 3px;background:#dcecf8;color:var(--tsc-navy)!important;font-style:normal!important;font-weight:700!important; }
body#search > #container .addsearch-result-item-sub p span { display:none!important; }

/* Pagination and third-party branding */
body#search > #container #addsearch-results-bottom { width:100%!important;margin:16px 0 0!important;padding:0!important;text-align:center!important; }
body#search > #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 #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;border:1px solid var(--tsc-line)!important;background:#fff!important;color:var(--tsc-blue)!important;font:700 13px/1 var(--tsc-sans)!important;text-decoration:none!important; }
body#search > #container #addsearch-rp-paging > a:hover,
body#search > #container #addsearch-rp-paging > a.currentResultPage { border-color:var(--tsc-blue)!important;background:var(--tsc-blue)!important;color:#fff!important; }
body#search > #container #addsearch-logo,
body#search > #container #addsearch-logo-img { display:none!important; }

@media (max-width:700px) {
  body#search > #container { width:calc(100% - 30px)!important;padding:36px 0 56px!important; }
  body#search > #container > div#search > h1 { font-size:2.15rem!important; }
  body#search > #container #AddSearchInputBox { padding:19px 15px!important; }
  body#search > #container #AddSearchInputBox form { flex-direction:column;gap:10px; }
  body#search > #container #addsearchbox,
  body#search > #container #AddSearchInputBox form > a,
  body#search > #container #searchbutton { width:100%!important; }
  body#search > #container .addsearch-result-item-sub { padding:16px!important; }
}

@media (prefers-reduced-motion:reduce) {
  body#search > #container *,body#search > #container *::before,body#search > #container *::after { transition:none!important; }
}