/* Exacte V9.69 portaal-topbar, gedeeld met profielpagina's. */
/* V9.69: slechts één gekleurde laag in de titelbalk. */
body.portal-home .site-header.portal-titlebar{
  display:flex !important;
  align-items:stretch !important;
  width:100% !important;
  min-height:92px !important;
  height:92px !important;
  overflow:visible !important;
  background:#69266f !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:2px solid #63b7d3 !important;
  box-shadow:none !important;
}
body.portal-home .site-header.portal-titlebar>.brand-block{
  flex:0 0 290px !important;
  width:290px !important;
  min-width:290px !important;
  min-height:90px !important;
  height:90px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 24px !important;
  margin:0 !important;
  background:#fff !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}
body.portal-home .site-header.portal-titlebar>.brand-block img{
  width:205px !important;
  max-width:100% !important;
  max-height:70px !important;
  object-fit:contain !important;
}
/* BELANGRIJK: nav en nav-inner zijn transparant; alleen de header zelf is paars. */
body.portal-home .site-header.portal-titlebar>#portalTopNav{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  min-height:90px !important;
  height:90px !important;
  display:flex !important;
  align-items:stretch !important;
  align-self:stretch !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.portal-home .site-header.portal-titlebar>#portalTopNav>.portal-topnav-inner{
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  min-height:90px !important;
  height:90px !important;
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 18px 0 0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-item,
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-item:hover,
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-item:focus-within,
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-item.is-open{
  min-height:90px !important;
  height:90px !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger,
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger:hover,
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger:focus,
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger:focus-visible,
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger[aria-expanded="true"],
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-item.is-open>.portal-nav-trigger{
  position:relative !important;
  min-height:90px !important;
  height:90px !important;
  padding:0 16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  color:#fff !important;
  font-size:.96rem !important;
  font-weight:650 !important;
}
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger::before{content:none !important;display:none !important;}
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger::after{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:0 !important;
  height:3px !important;
  background:#63b7d3 !important;
  border-radius:0 !important;
  opacity:0 !important;
  transform:none !important;
  pointer-events:none !important;
}
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-item.is-open>.portal-nav-trigger::after,
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger[aria-expanded="true"]::after{opacity:1 !important;}
body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-dropdown{top:100% !important;background:#fff !important;background-image:none !important;}
body.portal-home .portal-welcome-strip{
  min-height:118px !important;
  display:flex !important;
  align-items:center !important;
  padding:18px clamp(34px,7.5vw,96px) !important;
  background:#fff !important;
  border:0 !important;
}
body.portal-home .portal-welcome-text{margin:0 !important;color:#151515 !important;font-size:clamp(1.15rem,1.7vw,1.42rem) !important;font-weight:400 !important;line-height:1.35 !important;}
body.portal-home .page-content{padding-top:28px !important;} /* portal-spacing-v970 */
@media (max-width:980px){
 body.portal-home .site-header.portal-titlebar>.brand-block{flex-basis:245px !important;width:245px !important;min-width:245px !important;}
 body.portal-home .site-header.portal-titlebar>.brand-block img{width:180px !important;}
 body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger{padding-inline:11px !important;font-size:.87rem !important;}
}
@media (max-width:760px){
 body.portal-home .site-header.portal-titlebar{height:auto !important;min-height:78px !important;}
 body.portal-home .site-header.portal-titlebar>.brand-block{flex-basis:190px !important;width:190px !important;min-width:190px !important;min-height:76px !important;height:76px !important;padding:8px 14px !important;}
 body.portal-home .site-header.portal-titlebar>.brand-block img{width:150px !important;}
 body.portal-home .site-header.portal-titlebar>#portalTopNav,
 body.portal-home .site-header.portal-titlebar>#portalTopNav>.portal-topnav-inner{min-height:76px !important;height:76px !important;}
 body.portal-home .site-header.portal-titlebar>#portalTopNav>.portal-topnav-inner{overflow-x:auto !important;flex-wrap:nowrap !important;scrollbar-width:none !important;}
 body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-item,
 body.portal-home .site-header.portal-titlebar #portalTopNav .portal-nav-trigger{min-height:76px !important;height:76px !important;}
 body.portal-home .portal-welcome-strip{min-height:96px !important;padding:14px 28px !important;}
}