/* SaRCiSP Portal chrome: the sarcisp.org header and footer, copied from the
   site stylesheet (render function, site.css) so the account pages look like
   sarcisp.org. The site menu is replaced by account navigation. Keep these
   rules in step with site.css when the site chrome changes. */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");
:root{--site-green-d:#5F7D09}
body.site-kind-full{background:#F6F6F6}
.util-strip{background:var(--site-green-d);color:#E6F1DE;font-family:'Source Sans Pro',system-ui,sans-serif;font-size:24px;font-weight:400;height:50px}
.util-strip-inner{height:100%;margin:0;padding:0 100px 0 24px;display:flex;justify-content:flex-end;align-items:center;gap:6px}
.util-strip a{color:#E6F1DE;text-decoration:none;letter-spacing:.01em}
.util-strip a:hover{opacity:.85}
.util-strip svg{width:25px;height:25px;display:block;flex:0 0 auto;fill:#fff}
header{background:var(--tg-dark);border-bottom:none}
header .site-brand-row{margin:0;padding:25px 50px;display:flex;align-items:center}
.site-brand{display:block;width:100%;max-width:300px;text-decoration:none;line-height:0}
nav.site-nav{display:flex;flex-wrap:wrap;gap:28px;padding:0 50px 18px;background:var(--tg-dark)}
nav.site-nav a{color:#E6F1DE;text-decoration:none;font-family:var(--font-sans);font-size:16px;font-weight:600;letter-spacing:.01em;border-bottom:2px solid transparent;padding-bottom:2px;transition:border-color .15s,color .15s}
nav.site-nav a:hover{color:#fff;border-bottom-color:var(--tg-green)}
.site-kind-full header{min-height:204px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px 40px;padding:10px 50px}
.site-kind-full header .site-brand-row{flex:1 1 auto;min-width:0;padding:0;gap:28px}
.site-kind-full .site-brand{width:auto;max-width:none;line-height:1}
.site-kind-full .brand-emblem{height:var(--emblem-size,150px);width:auto;display:block;border:1px solid var(--tg-green)}
.site-kind-full .site-emblem{flex:0 0 auto;display:block;line-height:0}
.site-kind-full .site-brand-stack{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.site-kind-full .brand-text{font-family:var(--font-serif);font-weight:600;font-size:var(--brand-size,64px);line-height:1;letter-spacing:.01em;color:#fff}
.site-kind-full nav.site-nav{margin-left:0;padding:0;background:transparent}
.site-kind-full .nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:2px 5px}
.site-kind-full .nav-list>li{position:relative;display:flex}
.site-kind-full nav.site-nav .nav-list>li>a{display:flex;align-items:center;font-family:var(--font-sans);font-size:19px;font-weight:500;line-height:1.2;color:#D6DEBF;text-decoration:none;border-bottom:none;padding:10px 15px;background:var(--tg-dark);transition:color .15s,background .15s}
.site-kind-full nav.site-nav .nav-list>li>a:hover{color:#E3E9D0;background:var(--site-green-d)}
.site-kind-full nav.site-nav .nav-list>li>a.active{color:#fff;background:var(--site-green-d)}
footer{background:var(--tg-lime);color:#000;font-family:'Source Sans Pro',system-ui,sans-serif;margin-top:80px;position:relative}
footer .footer-top{max-width:1440px;margin:0 auto;padding:150px 0 0 clamp(100px,3.06vw + 72px,160px)}
footer .footer-corp{display:flex;gap:18px;align-items:center}
footer .footer-logo{width:auto;max-width:clamp(110px,6.86vw + 27.5px,200px);height:clamp(110px,6.86vw + 27.5px,200px);display:block;flex:0 0 auto;object-fit:contain;object-position:left center}
footer .footer-corp-block{line-height:24px}
footer .footer-corp-name{font-family:'Source Serif Pro',Georgia,serif;font-weight:600;font-size:var(--footer-name-size,23px);color:#000;margin-bottom:0;line-height:1.2;text-transform:uppercase}
footer .footer-logo.framed{padding:5px;border:1px solid var(--tg-dark)}
footer .footer-corp-block>div:not(.footer-corp-name){font-family:'Source Sans Pro',system-ui,sans-serif;font-size:20px;font-weight:400;line-height:24px;color:#000}
footer .footer-email{margin:8px 0 0 0;display:flex;align-items:center;gap:8px;font-family:'Roboto',system-ui,sans-serif;font-size:17px;font-weight:500;color:#000}
footer .footer-email svg{width:20px;height:20px;display:block;flex:0 0 auto;fill:#000}
footer .footer-email a{color:#000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:500;font-family:'Roboto',system-ui,sans-serif}
footer .footer-bottom{padding:70px 0 25px 0;text-align:center;font-family:'Source Sans Pro',system-ui,sans-serif}
footer .footer-copyright{font-size:18px;font-weight:400;color:#000;line-height:1.6;margin-bottom:15px}
footer .footer-links{font-size:18px;font-weight:600;color:#000}
footer .footer-links a{color:#000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:600}
footer .footer-links a:hover{color:var(--accent-d)}
footer .footer-links span{color:#000;font-style:inherit;font-weight:inherit}
footer .footer-stripe{height:10px;background:var(--tg-terra)}
@media (max-width:1024px){.util-strip{font-size:18px}.util-strip-inner{padding:0 12px 0 18px}.util-strip svg{width:21px;height:21px}.site-brand{width:70%}}
