/* Themes for the independent Main Navigation Bar.
 * Custom themes can set --expo-nav-* variables on a separately scoped class.
 * Do not edit the Universal Header to change navigation colours.
 */
.expo-white-navigation{
 --expo-nav-bg:#ffffff;--expo-nav-text:#17313d;--expo-nav-border:#d9dfdc;
 --expo-nav-hover-text:#167d70;--expo-nav-hover-bg:#edf5f1;
 --expo-nav-dropdown-bg:#ffffff;--expo-nav-accent:#167d70;
 --expo-nav-mobile-button-bg:#17313d;--expo-nav-mobile-button-text:#ffffff;
 --expo-nav-input-bg:#ffffff;--expo-nav-input-text:#17313d;
 --expo-nav-button-bg:#8fd0c6;--expo-nav-button-text:#17313d;
 --expo-nav-button-hover:#70c1b4;
}
.expo-white-navigation.expo-nav-theme-navy{
 --expo-nav-bg:#17313d;--expo-nav-text:#ffffff;--expo-nav-border:#32515a;
 --expo-nav-hover-text:#ffffff;--expo-nav-hover-bg:#0e5960;
 --expo-nav-dropdown-bg:#17313d;--expo-nav-accent:#8fd0c6;
 --expo-nav-mobile-button-bg:#8fd0c6;--expo-nav-mobile-button-text:#17313d;
}
.expo-white-navigation.expo-nav-theme-green{
 --expo-nav-bg:#e6f4ec;--expo-nav-text:#164b3a;--expo-nav-border:#a9cbb6;
 --expo-nav-hover-text:#0c6548;--expo-nav-hover-bg:#cce8d7;
 --expo-nav-dropdown-bg:#e6f4ec;--expo-nav-accent:#167d70;
 --expo-nav-mobile-button-bg:#167d70;--expo-nav-mobile-button-text:#ffffff;
}
/* Standalone white navigation component — external CSS. */
.expo-white-navigation{background:var(--expo-nav-bg);color:var(--expo-nav-text);position:relative;z-index:25;border-bottom:1px solid var(--expo-nav-border)}
.expo-white-navigation-inner{width:min(1240px,calc(100% - 40px));margin:0 auto}
.expo-white-navigation .expo-navigation-row::before{display:none}
/* ExpatExpo white navigation bar and search: independent stylesheet. */
.expo-white-navigation .expo-navigation-row{position:relative;isolation:isolate;width:100%;min-height:54px;display:flex;align-items:center;gap:10px}
.expo-white-navigation .expo-navigation-row::before{content:"";position:absolute;z-index:-1;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:var(--expo-nav-bg);border-bottom:1px solid var(--expo-nav-border)}
.expo-white-navigation .main-navigation{position:relative;z-index:2;isolation:auto;width:auto;min-height:54px;display:flex;align-items:center;flex:1 1 auto;padding:0;justify-content:flex-start}
.expo-white-navigation .main-navigation::before{content:none}
.expo-white-navigation .primary-menu{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}
.expo-white-navigation .primary-menu a{padding:10px 12px;background:transparent;color:var(--expo-nav-text);border-radius:0;font-size:15px;font-weight:800;letter-spacing:0;text-decoration:none}
.expo-white-navigation .primary-menu a:hover{color:var(--expo-nav-hover-text);background:var(--expo-nav-hover-bg)}
/* Account links belong only in the top bar, not duplicated in the main menu. */
.expo-white-navigation .primary-menu .member-greeting,.expo-white-navigation .primary-menu .premium-status,.expo-white-navigation .primary-menu .member-link{display:none!important}

@media(max-width:1100px){
 .expo-white-navigation .menu-toggle{display:flex;background:var(--expo-nav-mobile-button-bg);color:var(--expo-nav-mobile-button-text)}
 .expo-white-navigation .main-navigation{flex:0 0 auto;min-height:54px;justify-content:flex-start}
 .expo-white-navigation .primary-menu{display:none;position:absolute;z-index:50;top:54px;left:0;right:auto;width:min(340px,90vw);padding:10px 14px 14px;background:var(--expo-nav-dropdown-bg);border:1px solid var(--expo-nav-border);border-bottom:3px solid var(--expo-nav-accent);box-shadow:0 12px 30px rgba(0,0,0,.14)}
 .expo-white-navigation .primary-menu.menu-open{display:block}
 .expo-white-navigation .primary-menu li{display:block;border-bottom:1px solid var(--expo-nav-border)}
 .expo-white-navigation .primary-menu a{display:block;padding:14px 8px}
}

@media(max-width:600px){
}

@media(max-width:600px){.expo-white-navigation-inner{width:calc(100% - 24px)}}
/* Existing Community search facility, placed within the independent Main Navigation Bar. */
.expo-white-navigation .expo-navigation-search{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto;
 align-items:stretch;width:min(100%,510px);flex:0 1 510px;
 margin-left:auto;min-width:0;
}
.expo-white-navigation .expo-navigation-search input,
.expo-white-navigation .expo-navigation-search select,
.expo-white-navigation .expo-navigation-search button{
 min-height:44px;border:0;font:inherit;min-width:0;
}
.expo-white-navigation .expo-navigation-search input{
 padding:0 13px;border:1px solid #d5dedb;border-right:0;border-radius:7px 0 0 7px;background:var(--expo-nav-input-bg);
}
.expo-white-navigation .expo-navigation-search select{
 padding:0 10px;border:1px solid #d5dedb;border-radius:0;
 background:var(--expo-nav-input-bg);color:var(--expo-nav-input-text);font-size:13px;
}
.expo-white-navigation .expo-navigation-search button{
 padding:0 15px;border-radius:0 7px 7px 0;background:var(--expo-nav-button-bg);color:var(--expo-nav-button-text);font-weight:900;cursor:pointer;
}
.expo-white-navigation .expo-navigation-search button:hover{background:var(--expo-nav-button-hover)}
@media(max-width:760px){
 .expo-white-navigation .expo-navigation-row{flex-wrap:wrap;padding:7px 0}
 .expo-white-navigation .expo-navigation-search{flex:1 1 100%;width:100%;grid-template-columns:minmax(0,1fr) minmax(125px,40%) auto}
}
@media(max-width:430px){
 .expo-white-navigation .expo-navigation-search{grid-template-columns:minmax(0,1fr) auto}
 .expo-white-navigation .expo-navigation-search select{grid-column:1/-1;grid-row:2;border-radius:0 0 7px 7px;border-top:0}
 .expo-white-navigation .expo-navigation-search input{border-radius:7px 0 0 0}
 .expo-white-navigation .expo-navigation-search button{border-radius:0 7px 0 0}
}

/* Shared independent panel: desktop retains horizontal links + search. */
.expo-white-navigation .main-navigation{display:block;width:100%;min-height:54px}
.expo-white-navigation .expo-nav-panel{display:flex;align-items:center;gap:10px;min-height:54px;width:100%}
.expo-white-navigation .expo-nav-panel>.primary-menu{flex:1 1 auto;min-width:0}
.expo-white-navigation .expo-nav-panel>.expo-navigation-search{flex:0 1 510px}
@media (max-width:1100px) and (min-width:761px){
 .expo-white-navigation .main-navigation{display:flex;align-items:center}
 .expo-white-navigation .expo-nav-panel{min-width:0}
 .expo-white-navigation .primary-menu{position:static;display:none}
 .expo-white-navigation .expo-nav-panel.menu-open>.primary-menu{display:block;position:absolute;top:54px;left:0;width:min(340px,90vw)}
}
/* Homepage only: compact mobile navigation overlays the hero; search lives
   INSIDE the opened hamburger panel, never as a separate row. */
@media (max-width:760px){
 .expo-header-over-hero ~ .expo-white-navigation{height:0;min-height:0;border:0;position:relative;z-index:60}
 .expo-header-over-hero ~ .expo-white-navigation .expo-white-navigation-inner{height:0;min-height:0}
 .expo-header-over-hero ~ .expo-white-navigation .main-navigation{height:0;min-height:0;padding:0;display:block;position:relative}
 .expo-header-over-hero ~ .expo-white-navigation .menu-toggle{display:flex;position:absolute;left:0;top:-47px;z-index:65;min-height:41px;align-items:center;gap:8px;padding:6px 8px;background:transparent;color:#fff;border:0}
 .expo-header-over-hero ~ .expo-white-navigation .menu-icon span{background:#fff}
 .expo-header-over-hero ~ .expo-white-navigation .expo-nav-panel{display:none;position:absolute;z-index:62;top:0;left:0;width:min(380px,calc(100vw - 24px));min-height:0;max-height:calc(100dvh - 60px);overflow-y:auto;background:var(--expo-nav-bg);border:1px solid var(--expo-nav-border);border-top:3px solid var(--expo-nav-accent);box-shadow:0 14px 35px #0004;padding:10px 12px 14px}
 .expo-header-over-hero ~ .expo-white-navigation .expo-nav-panel.menu-open{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .expo-header-over-hero ~ .expo-white-navigation .primary-menu,
 .expo-header-over-hero ~ .expo-white-navigation .expo-nav-panel.menu-open>.primary-menu{display:block;position:static;width:100%;padding:0;box-shadow:none;border:0;max-width:none;background:transparent}
 .expo-header-over-hero ~ .expo-white-navigation .primary-menu li{display:block;border-bottom:1px solid var(--expo-nav-border)}
 .expo-header-over-hero ~ .expo-white-navigation .primary-menu a{display:block;white-space:normal;padding:13px 10px;color:var(--expo-nav-text)}
 .expo-header-over-hero ~ .expo-white-navigation .expo-navigation-search{display:grid;width:100%;flex:none;max-width:none;margin:0;grid-template-columns:minmax(0,1fr) auto}
 .expo-header-over-hero ~ .expo-white-navigation .expo-navigation-search input{grid-column:1;grid-row:1}
 .expo-header-over-hero ~ .expo-white-navigation .expo-navigation-search button{grid-column:2;grid-row:1}
 .expo-header-over-hero ~ .expo-white-navigation .expo-navigation-search select{grid-column:1/-1;grid-row:2;border:1px solid #d5dedb;border-radius:0 0 7px 7px}
}