/* newbeejobs seasonal theme: Harvest Evening (fall).
   Only colors, backgrounds and decorations change; layout is untouched.
   To turn fall off, remove the fall-theme.css and fall-theme.js lines from index.html
   (and from the stand-alone pages: _build/legal, _build/accounts and _build/jobpages.js). */

body.vhome{
  background-color:#F8D3A0!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='72.75' viewBox='0 0 42 72.75'%3E%3Cpath d='M21 48.5 0 36.375V12.125L21 0l21 12.125v24.25L21 48.5V72.75M0 36.375 21 48.5l21-12.125' fill='none' stroke='%23E2A964' stroke-opacity='.45' stroke-width='1.2'/%3E%3C/svg%3E"),
    linear-gradient(180deg,#FDE7C7 0%,#F8CF95 55%,#F2B56E 100%)!important;
  background-size:42px 72.75px,100% 100%!important;
  background-attachment:scroll,scroll!important;
}

/* hero card */
body.vhome .hero{isolation:isolate}
body.vhome .hero{
  background:
    radial-gradient(120% 90% at 85% 40%,rgba(255,214,120,.55),transparent 55%),
    radial-gradient(60% 80% at 8% 0%,rgba(255,255,255,.8),transparent 60%),
    linear-gradient(160deg,#FFF6E6 0%,#FFDDA6 50%,#FBB466 100%)!important;
  border-color:#FFF1DA!important;
  box-shadow:0 22px 44px -18px rgba(90,40,10,.5),0 3px 8px rgba(90,40,10,.14),inset 0 1px 0 #fff,inset 0 -18px 30px -18px rgba(194,69,45,.3)!important;
}
body.vhome .hero .hive{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='72.75' viewBox='0 0 42 72.75'%3E%3Cpath d='M21 48.5 0 36.375V12.125L21 0l21 12.125v24.25L21 48.5V72.75M0 36.375 21 48.5l21-12.125' fill='none' stroke='%23E07A2E' stroke-opacity='.35' stroke-width='1.4'/%3E%3C/svg%3E")!important;
}
body.vhome .hero::after{
  background:radial-gradient(circle at 72% 14%,rgba(255,240,210,.45) 0 16px,transparent 17px),radial-gradient(circle at 44% 10%,rgba(255,240,210,.35) 0 9px,transparent 10px),radial-gradient(circle at 96% 88%,rgba(255,200,120,.4) 0 40px,transparent 41px)!important;
}
body.vhome .hero h1 mark::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,70 100,38 0,100' fill='%23D9531E'/%3E%3C/svg%3E")!important;
}
body.vhome .heroloc{color:#5A3A1A!important}

/* light tiles */
body.vhome .quick .qcard:not(.biz){
  background:
    radial-gradient(70% 120% at 0 0,rgba(255,255,255,.8),transparent 60%),
    linear-gradient(170deg,#FFF5E4 0%,#FFE0AE 55%,#FFC37A 100%)!important;
  border-color:#FFF1DA!important;
  box-shadow:0 18px 30px -16px rgba(90,40,10,.5),0 3px 8px rgba(90,40,10,.12),inset 0 1px 0 #fff,inset 0 -14px 22px -14px rgba(194,90,20,.5)!important;
}
/* Employers and Sponsors tiles */
body.vhome .quick .qcard.biz{
  background:
    radial-gradient(70% 120% at 0 0,rgba(255,220,170,.16),transparent 60%),
    linear-gradient(170deg,#5A341C 0%,#3E2414 55%,#2A170D 100%)!important;
  border-color:#6E4426!important;
  box-shadow:0 18px 30px -16px rgba(60,25,5,.75),0 3px 8px rgba(60,25,5,.2),inset 0 1px 0 rgba(255,230,190,.3),inset 0 -14px 22px -14px rgba(0,0,0,.55),inset 0 -3px 0 #F2A541!important;
}

/* Get the buzz on jobs */
body.vhome #alerts{background:#FFFAF0!important;border-color:#E9C38A!important}
body.vhome #alerts input,body.vhome #alerts select,body.vhome #alerts summary{border-color:#E9C38A!important}

/* bottom bar */
body.vhome .appbar{box-shadow:0 6px 0 #3A2316,0 14px 30px rgba(90,40,10,.28)!important;border-color:#3A2316!important}

/* decorations added by fall-theme.js */
.nbfall{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:-1}
.nbfall .lf{position:absolute;top:-30px;animation:nbfall-drop 11s linear infinite}
.nbfall .hx{position:absolute;animation:nbfall-glow 4s ease-in-out infinite}
.nbfall .pk{position:absolute;right:22px;bottom:44px;width:78px;transform-origin:center bottom;animation:nbfall-rock 3.6s ease-in-out infinite}
@keyframes nbfall-drop{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(30px,190px) rotate(180deg)}100%{transform:translate(-8px,420px) rotate(360deg)}}
@keyframes nbfall-glow{0%,100%{opacity:.12}50%{opacity:.45}}
@keyframes nbfall-rock{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes nbfall-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes nbfall-drop-sm{0%{transform:translate(0,0) rotate(0);opacity:0}15%{opacity:1}70%{opacity:1}100%{transform:translate(-14px,150px) rotate(220deg);opacity:0}}
@media (max-width:760px){.nbfall .pk{width:60px;right:44px;bottom:42px}.nbfall .lf{animation-name:nbfall-drop-sm;animation-duration:6s!important}}
@media (prefers-reduced-motion:reduce){.nbfall *{animation:none!important}}

/* ---- Other pages (Oct 22, 2026): the same Harvest Evening background and falling leaves as the home page.
   Only the page background behind the content changes; nothing on the pages themselves is restyled.
   Screen only, so printed pages stay white. ---- */
@media screen{
  body:not(.vhome){
    background-color:#F8D3A0!important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='72.75' viewBox='0 0 42 72.75'%3E%3Cpath d='M21 48.5 0 36.375V12.125L21 0l21 12.125v24.25L21 48.5V72.75M0 36.375 21 48.5l21-12.125' fill='none' stroke='%23E2A964' stroke-opacity='.45' stroke-width='1.2'/%3E%3C/svg%3E"),
      linear-gradient(180deg,#FDE7C7 0%,#F8CF95 55%,#F2B56E 100%)!important;
    background-size:42px 72.75px,100% 100%!important;
    background-attachment:scroll,scroll!important;
  }
}
/* page-wide falling leaves added by fall-theme.js; they sit behind everything and never take clicks.
   The home page keeps its own leaves inside the hero card, so this layer is hidden there. */
.nbleaves{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
body.vhome .nbleaves{display:none}
.nbleaves .lf{position:absolute;top:-30px;opacity:.9;animation:nbleaves-drop 16s linear infinite}
@keyframes nbleaves-drop{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(34px,52vh) rotate(180deg)}100%{transform:translate(-10px,calc(100vh + 60px)) rotate(360deg)}}
@media (max-width:760px){.nbleaves .lf:nth-child(n+5){display:none}}
@media print{.nbleaves{display:none}}
@media (prefers-reduced-motion:reduce){.nbleaves{display:none}}