/* Compact Now Journey header for editorial redesign pages.
   Reuses the shared menu markup without changing the global menu assets. */
.navik-header { z-index:1000; }
.navik-header .nj-utility-contact a,
.navik-header .nj-utility-reviews a { text-decoration:none; }

@media (min-width:1200px) {
  #page { margin-top:0!important; }
  .navik-header.header-transparent {
    position:relative;
    inset:auto;
    border-bottom:1px solid rgba(21,62,72,.12);
    background:#fff;
    box-shadow:0 8px 24px rgba(7,37,44,.08);
  }
  .head-intro {
    min-height:38px;
    margin-top:0!important;
    background:#092a2d;
  }
  .head-intro>.container { width:min(1180px,calc(100% - 48px)); max-width:none; margin:0 auto!important; padding:0; }
  .head-intro .row { margin:0; }
  .head-intro .col-12 { padding:0; }
  .head-intro-inner { display:flex; min-height:38px; align-items:center; justify-content:space-between; gap:24px; }
  .head-intro-info { display:flex; align-items:center; gap:5px; color:#fff; font-size:12px; line-height:1; }
  .head-intro-info span { height:auto; padding:0; border:0; }
  .head-intro-info a,
  .head-intro-info a:hover,
  .head-intro-info a:focus { color:#fff!important; }
  .head-intro-addons,
  .head-intro-addon { display:flex; min-height:38px; align-items:center; }
  .head-intro-addon { gap:14px; }
  .head-intro .nav-button { display:inline-flex; margin:0; }
  .head-intro .nav-button>a,
  .head-intro .nav-button>a:hover,
  .head-intro .nav-button>a:focus {
    display:inline-flex;
    min-height:28px;
    align-items:center;
    margin:0!important;
    padding:4px 16px!important;
    border:1px solid rgba(255,255,255,.68)!important;
    border-radius:999px;
    background:#f3a637;
    color:#153e48!important;
    font-size:10px;
    letter-spacing:.06em;
    line-height:1;
  }
  .head-intro .list-social-icons { display:flex!important; align-items:center; gap:9px; margin:0; padding:0; }
  .head-intro .list-social-icons li { display:block; width:20px; height:24px; margin:0; }
  .head-intro .list-social-icons .social-icon { display:grid; width:20px; height:24px; place-items:center; border:0; color:rgba(255,255,255,.82)!important; font-size:11px; }
  .head-intro .list-social-icons .social-icon:hover,
  .head-intro .list-social-icons .social-icon:focus { color:#f8c977!important; }
  .navik-header>.container { width:min(1180px,calc(100% - 48px)); max-width:none; margin:0 auto!important; padding:0; }
  .navik-header-container { height:78px!important; margin-top:0!important; }
  .navik-header-container .logo {
    top:0;
    display:flex;
    width:250px;
    height:78px;
    align-items:center;
    padding:0!important;
    transform:none;
  }
  .navik-header-container .logo a { display:flex; width:100%; height:100%; align-items:center; }
  .navik-header-container .logo img {
    width:auto;
    max-width:240px;
    max-height:54px;
    padding-top:0!important;
    content:url('/images/NowJourneyBlack-Logo-V2024.png');
  }
  .navik-header-container .navik-menu { height:78px; }
  .navik-header-container .navik-menu>ul>li>a {
    height:78px;
    padding:0 13px;
    color:#153e48!important;
    font-size:12px;
    font-weight:600;
    line-height:78px;
  }
  .navik-header-container .navik-menu>ul>li:last-child>a { padding-right:0; padding-left:13px; }
  .navik-header-container .navik-menu>ul>li.dropdown_menu>a>span::before { border-color:#617478; }
}

@media (max-width:1199px) {
  #page { margin-top:0!important; }
  .navik-header.header-transparent {
    position:relative;
    display:grid;
    min-height:calc(132px + env(safe-area-inset-top));
    height:auto;
    grid-template-columns:1fr;
    grid-template-rows:calc(32px + env(safe-area-inset-top)) 62px 38px;
    border-bottom:1px solid rgba(20,58,58,.12);
    background:#fff;
  }
  .head-intro { margin-top:0!important; }
  .head-intro,
  .head-intro>.container,
  .head-intro .row,
  .head-intro .col-12,
  .head-intro-inner,
  .head-intro-addons,
  .head-intro-addon { display:contents!important; min-height:0!important; height:auto!important; }
  .head-intro-info {
    grid-column:1;
    grid-row:1;
    display:flex;
    width:100%;
    min-width:0;
    height:calc(32px + env(safe-area-inset-top));
    align-items:center;
    justify-content:center;
    padding:max(0px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));
    overflow:hidden;
    background:#092a2d;
    color:#fff;
    line-height:1;
  }
  .head-intro-info span { display:inline-flex; flex:0 0 auto; height:32px; align-items:center; margin:0; padding:0; border:0; color:#fff; font-size:clamp(10.5px,2.8vw,11.5px); line-height:1; white-space:nowrap; }
  .head-intro-info span:first-child { padding-left:0; }
  .head-intro-info .nj-utility-advisor { display:none!important; }
  .head-intro-info .nj-utility-reviews::before { margin:0 6px; color:rgba(255,255,255,.62); content:"\00b7"; }
  .head-intro-info a,
  .head-intro-info a:hover,
  .head-intro-info a:focus { color:#fff!important; text-decoration:none; }
  .navik-header>.container { grid-column:1; grid-row:2; width:100%; max-width:none!important; height:62px; margin:0!important; padding-right:max(15px,env(safe-area-inset-right)); padding-left:max(15px,env(safe-area-inset-left)); }
  .navik-header-container { min-height:62px!important; height:62px!important; margin-top:0!important; padding-right:15px; padding-left:15px; }
  .navik-header-container .logo { position:absolute; top:0; left:50%; display:flex; float:none; width:clamp(174px,47vw,198px); min-height:62px!important; height:62px!important; align-items:center; justify-content:center; padding:0!important; transform:translateX(-50%); }
  .navik-header-container .logo a { display:flex; width:100%; height:100%; align-items:center; justify-content:center; }
  .navik-header-container .logo img { display:block; width:auto!important; max-width:100%!important; max-height:44px!important; padding-top:0!important; }
  .navik-header-container .burger-menu { top:9px; right:auto; left:max(0px,env(safe-area-inset-left)); display:flex; width:44px; height:44px; flex-direction:column; justify-content:center; padding:10px 8px; }
  .navik-header-container .burger-menu .line-menu { margin-top:5px; margin-bottom:0; }
  .navik-header-container .burger-menu .line-menu:first-child { margin-top:0; }
  .head-intro .list-social-icons { z-index:4; display:grid!important; width:60px; height:56px; grid-column:1; grid-row:2; grid-template-columns:repeat(2,30px); grid-template-rows:repeat(2,28px); align-self:center; justify-self:end; margin:0 max(15px,env(safe-area-inset-right)) 0 0; padding:0; }
  .head-intro .list-social-icons li { display:block; width:30px; height:28px; margin:0; }
  .head-intro .list-social-icons .social-icon { width:30px; height:28px; border:0; color:#315b6a!important; font-size:12px; }
  .head-intro .list-social-icons .social-icon:hover,
  .head-intro .list-social-icons .social-icon:focus { color:#d9860c!important; }
  .head-intro .nav-button { z-index:3; display:block; width:100%; height:38px; grid-column:1; grid-row:3; margin:0; }
  .head-intro .nav-button>a,
  .head-intro .nav-button>a:hover,
  .head-intro .nav-button>a:focus { display:flex; width:100%; height:38px; align-items:center; justify-content:center; margin:0!important; padding:0 15px!important; border:0!important; border-radius:0!important; background:#f6a928!important; color:#183942!important; font-size:11.5px!important; letter-spacing:.09em; line-height:1; text-decoration:none; white-space:nowrap; }
  .head-intro .nj-proposal-desktop-label { display:none; }
  .head-intro .nj-proposal-mobile-label { display:inline!important; }
  .navik-header-container .navik-menu { position:absolute; top:100px; left:-15px; z-index:2; width:calc(100% + 30px); max-height:calc(100dvh - 132px - env(safe-area-inset-top)); overflow-y:auto; overscroll-behavior:contain; background:#fff; box-shadow:0 16px 28px rgba(15,57,69,.12); }
  .navik-header-container .navik-menu>ul { width:100%; max-height:inherit; overflow-y:auto; padding-bottom:max(20px,env(safe-area-inset-bottom)); background:#fff; }
}