/* ClausenProject 2.0 header. Layout and colours of the menu itself are set on
   the Xpro widget in Elementor; this file adds the sticky/transparent shell,
   the two-tone wordmark and the white-on-scroll state. */

.cp-hdr{background:transparent;position:sticky;top:0;z-index:100;min-height:88px;margin-bottom:-88px;transition:background .25s ease,box-shadow .25s ease,min-height .25s ease}
.cp-hdr>.elementor{height:100%}

.cp-hdr a.cp-brand{font-family:Manrope,sans-serif;font-weight:700;font-size:26px;color:#fff;text-decoration:none;letter-spacing:-.01em;white-space:nowrap;line-height:1}
.cp-hdr a.cp-brand span{color:#8FB6DD}

.cp-hdr .xpro-elementor-dropdown-menu{background:#fff;border-radius:10px;box-shadow:0 18px 44px rgba(15,46,87,.18);padding:10px;min-width:290px;border:0}
.cp-hdr .xpro-elementor-dropdown-item{display:block;color:#1F2937;font-family:Manrope,sans-serif;font-weight:600;font-size:14.5px;padding:11px 14px;border-radius:7px;line-height:1.35;white-space:normal}
.cp-hdr .xpro-elementor-dropdown-item:hover{background:#F3F7FB;color:#163B78}

.cp-hdr.solid{background:#fff !important;box-shadow:0 2px 18px rgba(15,46,87,.10);min-height:74px}
.cp-hdr.solid a.cp-brand{color:#163B78}
.cp-hdr.solid a.cp-brand span{color:#0F4C81}
.cp-hdr.solid .xpro-elementor-horizontal-navbar-nav>li>.xpro-elementor-nav-link,
.cp-hdr.solid .xpro-elementor-horizontal-navbar-nav>li>.menu-link{color:#0A2740}
.cp-hdr.solid .xpro-elementor-horizontal-navbar-nav>li>.xpro-elementor-nav-link:hover,
.cp-hdr.solid .xpro-elementor-horizontal-navbar-nav>li>.menu-link:hover{color:#0F4C81}
.cp-hdr.solid .xpro-elementor-menu-toggle,
.cp-hdr.solid .xpro-elementor-menu-toggle span{color:#0A2740}

@media (max-width:1050px){
.cp-hdr{min-height:74px;margin-bottom:-74px}
.cp-hdr .cp-cta-wrap{display:none}
a.cp-brand{font-size:22px}
}

/* inner container fills the header shell */
.cp-hdr>.elementor,.cp-hdr .e-con,.cp-hdr .e-con-inner{min-height:inherit}
/* solid state must beat Xpro's own widget colour */
.cp-hdr.solid .xpro-elementor-horizontal-navbar-nav>li>a{color:#0A2740 !important}
.cp-hdr.solid .xpro-elementor-horizontal-navbar-nav>li>a:hover{color:#0F4C81 !important}

/* keep the sticky header clear of the logged-in admin bar */
body.admin-bar .cp-hdr{top:32px}
@media screen and (max-width:782px){body.admin-bar .cp-hdr{top:46px}}

/* quiet dropdown start */
.cp-hdr .xpro-elementor-dropdown-menu{background:#fff !important;border:0 !important;border-radius:10px !important;box-shadow:0 18px 44px rgba(15,46,87,.18) !important;padding:10px !important;min-width:290px}
.cp-hdr .xpro-elementor-dropdown-menu li{background:transparent !important;border:0 !important}
.cp-hdr .xpro-elementor-dropdown-item{background:transparent !important;background-image:none !important;color:#1F2937 !important;font-family:Manrope,sans-serif;font-weight:600;font-size:14.5px;padding:11px 14px !important;border-radius:7px !important;line-height:1.35;white-space:normal;display:block}
.cp-hdr .xpro-elementor-dropdown-item:hover,.cp-hdr .xpro-elementor-dropdown-item:focus{background:#F3F7FB !important;color:#163B78 !important}
.cp-hdr .xpro-elementor-dropdown-menu::before,.cp-hdr .xpro-elementor-dropdown-menu::after{display:none !important}
/* quiet dropdown end */



/* burger start */
/* Mobilmenuen er kun et ikon - ingen blaa knap bag. Som paa livesitet. */
.cp-hdr [class*='menu-toggler'],
.cp-hdr .xpro-elementor-horizontal-menu-toggler,
.cp-hdr .xpro-elementor-menu-toggle{background:transparent !important;background-image:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important}
.cp-hdr [class*='menu-toggler'] i,
.cp-hdr [class*='menu-toggler'] svg,
.cp-hdr [class*='menu-toggler'] span{color:#FFFFFF !important;fill:#FFFFFF !important;font-size:26px !important}
.cp-hdr.solid [class*='menu-toggler'] i,
.cp-hdr.solid [class*='menu-toggler'] svg,
.cp-hdr.solid [class*='menu-toggler'] span{color:#0A2740 !important;fill:#0A2740 !important}
/* ikonfelterne i trust-sektionen holdes kvadratiske, ogsaa naar flisen er fuld bredde */
.elementor-element-adf12d0,.elementor-element-4744a0f,.elementor-element-df03f93,.elementor-element-0ee7579{align-items:center}
.elementor-element-af24727,.elementor-element-f4e3401,.elementor-element-9652423,.elementor-element-a101076{width:80px !important;max-width:80px !important;min-width:80px;min-height:80px;flex:0 0 auto !important;align-self:center}
/* burger end */

/* CP-HDR-MOBILE start */
/* Paa mobil opfoerer headeren sig som paa desktop: gennemsigtig over heroen,
   hvid naar der scrolles. CTA-knappen skjules - den bor i burgermenuen. */
@media (max-width:1050px){
  .cp-hdr{background:transparent;box-shadow:none;margin-bottom:-74px !important;min-height:74px}
  .cp-hdr a.cp-brand{color:#FFFFFF}
  .cp-hdr a.cp-brand span{color:#8FB6DD !important}
  .cp-hdr .xpro-elementor-horizontal-navbar-nav>li>a{color:#FFFFFF}
  .cp-hdr [class*='menu-toggler'] i,
  .cp-hdr [class*='menu-toggler'] svg,
  .cp-hdr [class*='menu-toggler'] span{color:#FFFFFF !important;fill:#FFFFFF !important;font-size:28px !important;line-height:1}
  .cp-hdr.solid{background:#FFFFFF !important;box-shadow:0 2px 18px rgba(15,46,87,.10)}
  .cp-hdr.solid a.cp-brand{color:#163B78 !important}
  .cp-hdr.solid a.cp-brand span{color:#0F4C81 !important}
  .cp-hdr.solid .xpro-elementor-horizontal-navbar-nav>li>a{color:#0A2740 !important}
  .cp-hdr.solid [class*='menu-toggler'] i,
  .cp-hdr.solid [class*='menu-toggler'] svg,
  .cp-hdr.solid [class*='menu-toggler'] span{color:#0A2740 !important;fill:#0A2740 !important}
  .cp-hdr .cp-cta-wrap{display:none !important}
}
/* CP-HDR-MOBILE end */

/* CP-HDR-HIDE start */
/* Headeren skjules, mens man scroller ned, og kommer frem (hvid) ved scroll op. */
.cp-hdr{transition:background .25s ease,box-shadow .25s ease,min-height .25s ease,transform .3s ease}
.cp-hdr.cp-hide{transform:translateY(-100%);box-shadow:none}
body.admin-bar .cp-hdr.cp-hide{transform:translateY(calc(-100% - 32px))}
@media screen and (max-width:782px){body.admin-bar .cp-hdr.cp-hide{transform:translateY(calc(-100% - 46px))}}
@media (prefers-reduced-motion:reduce){.cp-hdr{transition:none}}
/* CP-HDR-HIDE end */

/* CP-MOBILMENU start */
/* Mobilmenuen: hvid flade, moerk tekst med tydelig kontrast, rolige skillelinjer,
   undermenuer der folder ud i en lys boks, og en rund blaa lukkeknap. */
@media (max-width:1050px){
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper{background:#FFFFFF !important;box-shadow:-12px 0 40px rgba(15,46,87,.16)}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav>li>a{background:transparent !important;color:#0A2740 !important;font-family:Manrope,sans-serif !important;font-weight:600 !important;font-size:16px !important;letter-spacing:0;border-bottom:1px solid #E3E9F0 !important;transition:color .2s ease}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav>li>a:hover,
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav>li.current-menu-item>a{color:#0F4C81 !important}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-dropdown-menu-toggle{color:#0A2740 !important;transition:transform .3s ease}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-dropdown-menu-toggle::before,
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-dropdown-menu-toggle i,
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-dropdown-menu-toggle svg{color:#0A2740 !important;fill:#0A2740 !important}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .ast-header-navigation-arrow{transition:transform .3s ease;color:#0A2740 !important}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-dropdown-menu{position:static !important;min-width:0 !important;box-shadow:none !important;background:#F3F7FB !important;border-radius:10px !important;padding:6px !important;margin:10px 0 12px !important;transform:none !important;opacity:1 !important}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-dropdown-item{color:#1F2937 !important;font-size:15px !important;font-weight:500 !important;padding:11px 14px !important}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-dropdown-item:hover{background:#FFFFFF !important;color:#0F4C81 !important}
  .cp-hdr .xpro-elementor-horizontal-menu-close{width:38px !important;height:38px !important;min-width:38px;padding:0 !important;border-radius:50% !important;background:transparent !important;color:#0A2740 !important;border:0 !important;display:inline-flex !important;align-items:center;justify-content:center;box-shadow:none !important;transition:background-color .2s ease,color .2s ease}
  .cp-hdr .xpro-elementor-horizontal-menu-close:hover,.cp-hdr .xpro-elementor-horizontal-menu-close:focus-visible{background:#F3F7FB !important;color:#0F4C81 !important}
  .cp-hdr .xpro-elementor-horizontal-menu-close i,.cp-hdr .xpro-elementor-horizontal-menu-close svg{color:#0A2740 !important;fill:#0A2740 !important;font-size:17px !important;line-height:1}
  /* Lukket panel maa ikke goere siden bredere: skjult og uden for flowet, til burgermenuen aabnes */
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper{transition:transform .5s ease,visibility 0s linear .5s !important}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper.active{transition:transform .5s ease,visibility 0s !important}
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper:not(.active){visibility:hidden}
  html,body{overflow-x:clip}
}
@media (max-width:1050px) and (prefers-reduced-motion:reduce){.cp-hdr .xpro-dropdown-menu-toggle{transition:none}}
/* CP-MOBILMENU end */

/* current page in dropdown start */
.cp-hdr .xpro-elementor-dropdown-menu li.current-menu-item>.xpro-elementor-dropdown-item{background:#F3F7FB !important;color:#0F4C81 !important;box-shadow:inset 3px 0 0 #0F4C81}
@media (max-width:1050px){.cp-hdr .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-dropdown-menu li.current-menu-item>.xpro-elementor-dropdown-item{background:#FFFFFF !important;color:#0F4C81 !important;font-weight:600 !important}}
/* current page in dropdown end */

/* CP-LOGO start */
/* SVG-logo i caps (11-09). Hvid+lyseblaa over heroen, moerkeblaa naar headeren er hvid. */
.cp-hdr a.cp-brand--logo{display:inline-flex;align-items:center;line-height:0}
.cp-hdr .cp-logo{display:block;height:18px;width:auto;max-width:none}
.cp-hdr .cp-logo>img{display:block;height:100%;width:auto;max-width:none}
.cp-footer-logo picture{display:inline-block;line-height:0}
.cp-hdr .cp-logo--moerk{display:none}
.cp-hdr.solid .cp-logo--lys{display:none}
.cp-hdr.solid .cp-logo--moerk{display:block}
@media (max-width:1050px){.cp-hdr .cp-logo{height:15px}}
@media (max-width:380px){.cp-hdr .cp-logo{height:13px}}
/* CP-LOGO end */

/* CP-MENULOGO start */
/* Navyblaat logo NEDERST i burgerpanelet (12-09). */
.cp-menu-logo{display:none}
@media (max-width:1050px){
  .cp-hdr .xpro-elementor-horizontal-navbar-wrapper{display:flex;flex-direction:column}
  .cp-hdr .xpro-elementor-horizontal-menu-close{order:-2;align-self:flex-end;margin:0 0 10px auto}
  .cp-hdr .xpro-elementor-horizontal-navbar{order:-1}
  .cp-hdr .cp-menu-logo{display:block;order:9;margin-top:auto;margin-bottom:60px;padding-top:96px;border-top:0;line-height:0}
  .cp-hdr .cp-menu-logo img{display:block;height:16px;width:auto;max-width:100%}
}
/* CP-MENULOGO end */