/*
 * The Schools Challenge: Videos / TSC Clay Shooting TV.
 * Load after screenNEW.css and home.css.
 * Scoped to body#tsctv; 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#tsctv > #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(44px,7vw,78px) 0 clamp(58px,8vw,90px)!important;
  background:transparent!important;
  color:var(--tsc-ink);
  font:400 16px/1.7 var(--tsc-sans);
  -webkit-font-smoothing:antialiased;
}

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

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

body#tsctv > #container > h1.indent20 {
  max-width:860px;
  margin:0 auto 16px!important;
  padding:0!important;
  color:var(--tsc-navy)!important;
  font:500 clamp(2.45rem,5vw,4.25rem)/1.08 var(--tsc-serif)!important;
  letter-spacing:-.03em;
  text-align:center!important;
}

body#tsctv > #container > h2.indent20.centeredbelow680 {
  max-width:720px;
  margin:0 auto clamp(32px,5vw,52px)!important;
  padding:0!important;
  color:var(--tsc-muted)!important;
  font:500 clamp(1.05rem,2vw,1.35rem)/1.5 var(--tsc-sans)!important;
  letter-spacing:0!important;
  text-align:center!important;
}

body#tsctv > #container > h1 br,
body#tsctv > #container > h2.centeredbelow680 br { display:none!important; }

/* Responsive video feature */
body#tsctv #SCTVHomePageWrapperOUTER {
  float:none!important;
  width:100%!important;
  max-width:920px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:clamp(14px,2.5vw,24px)!important;
  overflow:hidden;
  border:1px solid var(--tsc-line)!important;
  border-top:6px solid var(--tsc-navy)!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(25,43,109,.12);
}

body#tsctv #SCTVHomePageWrapper {
  position:relative!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  height:0!important;
  margin:0!important;
  padding:0 0 56.25%!important;
  overflow:hidden!important;
  background:#0d1739!important;
}

body#tsctv #SCTVHomePageWrapper iframe,
body#tsctv iframe#SCTVHomePage {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
}

body#tsctv > #container > .clearallclass { display:none!important; }

/* YouTube channel prompt */
body#tsctv > #container > h2.indent20.centeredonsmallscreen {
  max-width:760px;
  margin:clamp(30px,5vw,48px) auto 0!important;
  padding:clamp(24px,4vw,34px)!important;
  border:1px solid var(--tsc-line)!important;
  border-left:5px solid var(--tsc-blue)!important;
  background:var(--tsc-pale)!important;
  color:var(--tsc-muted)!important;
  font:500 clamp(1rem,1.8vw,1.2rem)/1.6 var(--tsc-sans)!important;
  letter-spacing:0!important;
  text-align:center!important;
}

body#tsctv > #container > h2.centeredonsmallscreen br { display:none!important; }

body#tsctv > #container > h2.centeredonsmallscreen a {
  display:inline-block;
  margin:0 4px;
  padding:3px 1px 1px;
  border-bottom:2px solid var(--tsc-blue);
  color:var(--tsc-blue)!important;
  font-weight:700!important;
  text-decoration:none!important;
  text-underline-offset:4px;
}

body#tsctv > #container > h2.centeredonsmallscreen a:hover { color:var(--tsc-navy)!important;border-color:var(--tsc-navy); }
body#tsctv > #container > h2.centeredonsmallscreen a:focus-visible { outline:3px solid var(--tsc-sky);outline-offset:4px; }

@media (max-width:620px) {
  body#tsctv > #container { width:calc(100% - 30px)!important;padding:36px 0 56px!important; }
  body#tsctv > #container > h1.indent20 { font-size:2.35rem!important; }
  body#tsctv > #container > h2.indent20.centeredbelow680 { font-size:1rem!important; }
  body#tsctv #SCTVHomePageWrapperOUTER { padding:9px!important;border-top-width:5px!important; }
  body#tsctv > #container > h2.indent20.centeredonsmallscreen { padding:22px 18px!important;text-align:left!important; }
}

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