/* Navbar als zwevende capsule + footer als afgerond eiland (zelfde als homepage).
   Laden ná theme-light.css. Alleen linken op pagina's die dit moeten krijgen. */

html{background:#fff}
body{padding-bottom:10px}

nav#nav{
  top:16px;left:50%;right:auto;transform:translateX(-50%);
  width:calc(100% - 20px);height:80px;padding:0 16px 0 34px;
  display:flex;align-items:center;justify-content:space-between;
  border-radius:999px;background:var(--island-bg,var(--deep,#03111F));border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 34px -14px rgba(3,17,31,.55)}
nav#nav .nav-logo{width:220px;height:auto}
nav#nav .nav-cta{border-radius:999px;padding:10px 28px}

.mob-menu{background:var(--island-bg,var(--deep,#03111F))}

footer{margin:10px 10px 0;border-radius:36px;overflow:hidden;background:var(--island-bg,var(--deep,#03111F))}

@media(max-width:1390px){
  nav#nav{top:12px;height:68px;padding:0 12px 0 26px;width:calc(100% - 24px)}
  nav#nav .nav-logo{width:168px}
}
@media(max-width:620px){
  nav#nav{top:10px;height:62px;width:calc(100% - 20px);padding:0 8px 0 20px}
  nav#nav .nav-logo{width:136px}
  nav#nav .nav-cta{padding:6px 16px}
  footer{border-radius:28px}
}