/* The open Find schools page: the portal's search, inside the website's top bar. Loaded after app.css. */
.gtop{background:#14243A;color:#fff}
.gwrap{max-width:1240px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:28px;height:68px}
.gbrand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:-.01em;font-size:18px;color:#fff}
.gbrand img{height:22px;width:auto;display:block}
.gtop nav{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:15px}
.gtop nav a{text-decoration:none;color:#fff;opacity:.86}
.gtop nav a:hover{opacity:1}
.gtop nav a.on{opacity:1;box-shadow:0 2px 0 #FDD756;padding-bottom:3px}
.gtop .gpill{opacity:1;border-radius:999px;padding:10px 20px;font:600 14px/1 var(--sans, 'DM Sans', sans-serif);background:#F7F5F0;color:#14243A;border:1px solid #F7F5F0}
.gtop .gpill.out{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.gtri{height:3px;background:linear-gradient(90deg,#000091 0 33.33%,#fff 33.33% 66.66%,#E1000F 66.66%)}
.guest{max-width:1240px;margin:0 auto;padding:0 28px}
.guest .main{padding:40px 0 90px}
.find-lede{font-size:17px}
.join-what{background:#fff;border:1px solid #E4E1DA;border-radius:14px;padding:14px 16px;margin:4px 0 16px}
.sm-page{margin:14px 0 4px}
.modal p + p{margin-top:12px}
.need-acts{display:grid;gap:10px;margin-top:18px}
.seo-intro{max-width:1240px;margin:0 auto;padding:40px 28px}
@media (max-width:960px){
  .gtop nav a:not(.gpill){display:none}
}
@media (max-width:640px){
  .gwrap{padding:0 16px;height:58px}
  .gtop .gpill.out{display:none}
  .guest{padding:0 16px}
  .guest .main{padding:22px 0 60px}
}

/* the website's sticky header sits above the search: 76px tall, 68px on tablets and phones */
.guest .findbar{top:81px}
.guest .fpanel{top:220px;max-height:calc(100vh - 240px)}
.scrim{z-index:60}
.modal,.fpanel.is-open{z-index:61}
.toast{z-index:70}
#app{min-height:60vh}
@media (max-width:991px){.guest .findbar{top:73px}.guest .fpanel.is-open{top:auto;max-height:92dvh}}