/* Option 3: StringLite concept navigation. Colours and fonts inherit from Theme Settings. */
.site-page #headMain.header-option-3 { box-shadow:none; border:0; }
.site-page #headMain.header-option-3 .headContainer { min-height:156px; padding-top:12px; padding-bottom:12px; }
.site-page #headMain.header-option-3 .headLogo { width:280px; max-width:280px; flex:0 0 280px; }
.site-page #headMain.header-option-3 .headLogo img { width:280px; max-width:100%; height:auto; max-height:none; object-fit:contain; }
.site-page #headMain.header-option-3 #navigation > .nav { align-items:center; gap:.4rem; }
.site-page #headMain.header-option-3 #navigation > .nav > li > a {
    position:relative; display:flex; align-items:center; gap:.45rem; border-radius:0;
    padding:.7rem .35rem; background:transparent; font-weight:600;
}
.site-page #headMain.header-option-3 #navigation > .nav > li > a::before,
.site-page #headMain.header-option-3 #navigation > .nav > li > a::after {
    color:#81c5f7; font-size:1.35rem; line-height:1; opacity:0;
    transition:opacity .2s ease, transform .2s ease;
}
.site-page #headMain.header-option-3 #navigation > .nav > li > a::before { content:'['; transform:translateX(-.4rem); }
.site-page #headMain.header-option-3 #navigation > .nav > li > a::after { content:']'; transform:translateX(.4rem); }
.site-page #headMain.header-option-3 #navigation > .nav > li > a:hover::before,
.site-page #headMain.header-option-3 #navigation > .nav > li > a:hover::after,
.site-page #headMain.header-option-3 #navigation > .nav > li.active > a::before,
.site-page #headMain.header-option-3 #navigation > .nav > li.active > a::after { opacity:1; transform:translateX(0); }
.site-page #headMain.header-option-3 #navigation .dropdown-menu {
    position:absolute; padding:.5rem; overflow:hidden; border:1px solid #ececec; border-radius:12px;
    background:rgba(255,255,255,.97); box-shadow:0 14px 30px rgba(23,49,71,.18); backdrop-filter:blur(8px);
    animation:header-3-dropdown-in .18s ease-out both;
}
.site-page #headMain.header-option-3 #navigation .dropdown-menu::before,
.site-page #headMain.header-option-3 #navigation .dropdown-menu::after {
    content:''; position:absolute; right:16px; left:16px; height:1px; pointer-events:none;
    background:linear-gradient(90deg,transparent 0%,rgba(97,220,255,.45) 22%,#61dcff 50%,rgba(97,220,255,.45) 78%,transparent 100%);
    box-shadow:0 0 7px rgba(97,220,255,.8);
}
.site-page #headMain.header-option-3 #navigation .dropdown-menu::before { top:0; }
.site-page #headMain.header-option-3 #navigation .dropdown-menu::after { bottom:0; }
.site-page #headMain.header-option-3 #navigation .dropdown-menu > li + li {
    background-image:linear-gradient(90deg,transparent 0%,#dce3e8 12%,#dce3e8 88%,transparent 100%);
    background-repeat:no-repeat; background-position:center top; background-size:100% 1px;
}
.site-page #headMain.header-option-3 #navigation .dropdown-menu > li > a {
    position:relative; min-width:250px; padding:.7rem .9rem .7rem 1.65rem; color:#333; background:transparent;
    font-size:14px; line-height:1.45; transition:color .2s ease,padding-left .2s ease;
}
.site-page #headMain.header-option-3 #navigation .dropdown-menu > li > a::before {
    content:'{'; position:absolute; left:.55rem; top:50%; color:#81c5f7; font-size:1.35rem; line-height:1;
    opacity:0; transform:translate(.35rem,-52%); transition:opacity .2s ease,transform .2s ease;
}
.site-page #headMain.header-option-3 #navigation .dropdown-menu > li > a:hover,
.site-page #headMain.header-option-3 #navigation .dropdown-menu > li > a:focus-visible,
.site-page #headMain.header-option-3 #navigation .dropdown-menu > li.active > a {
    padding-left:1.85rem; color:var(--theme-primary,#005295); background:transparent;
}
.site-page #headMain.header-option-3 #navigation .dropdown-menu > li > a:hover::before,
.site-page #headMain.header-option-3 #navigation .dropdown-menu > li > a:focus-visible::before,
.site-page #headMain.header-option-3 #navigation .dropdown-menu > li.active > a::before { opacity:1; transform:translate(0,-52%); }
@keyframes header-3-dropdown-in { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1199px) {
    .site-page #headMain.header-option-3 .headContainer { min-height:0; }
    .site-page #headMain.header-option-3 .headLogo { width:min(210px,52vw); max-width:min(210px,52vw); flex:0 1 auto; }
    .site-page #headMain.header-option-3 .headNavBtn { flex:0 0 auto; }
    .site-page #headMain.header-option-3 .navMenuBtn { border-color:var(--theme-primary,#005295); background:var(--theme-primary,#005295); color:#fff; }
    .site-page #headMain.header-option-3 .navMenuBtn:hover,
    .site-page #headMain.header-option-3 .navMenuBtn:focus-visible { border-color:var(--theme-primary,#005295); background:var(--theme-primary,#005295); color:#fff; filter:brightness(1.12); }
    .site-page #headMain.header-option-3 #navigation { padding:.35rem 0; background:#fff; }
    .site-page #headMain.header-option-3 #navigation > .nav { align-items:stretch; gap:0; }
    .site-page #headMain.header-option-3 #navigation > .nav > li { border:0; background-image:linear-gradient(90deg,transparent 0%,#dce3e8 8%,#dce3e8 92%,transparent 100%); background-repeat:no-repeat; background-position:center bottom; background-size:100% 1px; }
    .site-page #headMain.header-option-3 #navigation > .nav > li > a,
    .site-page #headMain.header-option-3 #navigation > .nav > li > a:hover,
    .site-page #headMain.header-option-3 #navigation > .nav > li > a:focus { width:100%; max-width:100%; padding:.7rem .35rem; color:#333; background-color:transparent !important; background-image:none !important; }
    .site-page #headMain.header-option-3 #navigation > .nav > li.active:not(.has-active-child) > a { color:var(--theme-primary,#005295); }
    .site-page #headMain.header-option-3 #navigation > .nav > li.has-active-child > a::before,
    .site-page #headMain.header-option-3 #navigation > .nav > li.has-active-child > a::after { opacity:1; transform:translateX(0); }
    .site-page #headMain.header-option-3 #navigation > .nav > li.has-active-child > a { color:var(--theme-primary,#005295); }
    .site-page #headMain.header-option-3 #navigation .dropdown-menu { position:static; margin:0 .75rem .35rem; padding:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
    .site-page #headMain.header-option-3 #navigation .dropdown-menu::before,
    .site-page #headMain.header-option-3 #navigation .dropdown-menu::after { content:none; }
    .site-page #headMain.header-option-3 #navigation .dropdown.has-active-child > .dropdown-menu { display:block; }
    .site-page #headMain.header-option-3 #navigation .dropdown-menu > li { border:0 !important; }
    .site-page #headMain.header-option-3 #navigation .dropdown-menu > li > a { width:100%; min-width:0; padding:.7rem .9rem .7rem 1.65rem; }
    .site-page #headMain.header-option-3 #navigation .dropdown-menu > li > a:hover,
    .site-page #headMain.header-option-3 #navigation .dropdown-menu > li > a:focus-visible,
    .site-page #headMain.header-option-3 #navigation .dropdown-menu > li.active > a { padding-left:1.85rem; background-color:transparent !important; background-image:none !important; }
}