/* LINK SPORT navigation themes selected in the independent site settings. */

/* A — photographic, immersive masthead. */
body.nav-cinematic .header{height:94px!important;background:#0c3325!important;color:#f5f2e9!important;border:0!important;padding:0 5%!important;gap:28px;z-index:40!important}
body.nav-cinematic[data-page="index"] .header,body.nav-cinematic[data-page="about"] .header{position:fixed!important;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(3,29,22,.85),rgba(3,29,22,.05))!important;transition:background .25s,transform .35s}
body.nav-cinematic[data-page="index"] .header.is-scrolled,body.nav-cinematic[data-page="about"] .header.is-scrolled{background:#0c3325!important}
body.nav-cinematic .header .brand{flex:0 0 175px;align-self:stretch;background:#0c3325;padding:0 18px;justify-content:flex-start}
body.nav-cinematic .header .brand img{width:137px}
body.nav-cinematic .header .nav{gap:clamp(18px,2.2vw,34px);margin-left:auto;background:transparent;border:0;padding:0}
body.nav-cinematic .header .nav>a,body.nav-cinematic .header .nav-group>a{font-size:14px;font-weight:650;letter-spacing:.015em;color:#f8f6ef;padding:0 0 12px;gap:0}
body.nav-cinematic .header .nav>a:before,body.nav-cinematic .header .nav-group>a:before{display:none}
body.nav-cinematic .header .nav>a:after,body.nav-cinematic .header .nav-group>a:after{background:#e8d997}
body.nav-cinematic .header .nav>a:hover,body.nav-cinematic .header .nav-group>a:hover,body.nav-cinematic .header .nav>a.active,body.nav-cinematic .header .nav-group>a.active{color:#e8d997}
body.nav-cinematic .header .nav-group{padding-right:20px}
body.nav-cinematic .header .mega-toggle,body.nav-cinematic .header .tools select,body.nav-cinematic .header .search-icon{color:#f8f6ef}
body.nav-cinematic .header .mega-toggle{right:0;bottom:9px}
body.nav-cinematic .header .tools>a{border-color:#f8f6efa3;color:#f8f6ef}
body.nav-cinematic .header .tools>a:hover{background:#e8d997;color:#0c3325}
body.nav-cinematic .header .menu-toggle{border-color:#f8f6efa3;color:#f8f6ef;background:transparent}
body.nav-cinematic .mega-menu{top:94px!important;background:#f4f1e8}
body.nav-cinematic[data-page="index"] .third-hero{min-height:100svh}
@media(min-width:1200px){body.nav-cinematic[data-page="index"] .third-copy{padding-top:19vh!important}}

/* C — permanent expedition index on spacious screens. */
@media(min-width:1200px){
 body.nav-expedition #app{padding-left:245px}
 body.nav-expedition .header{position:fixed!important;top:0;left:0;bottom:0;width:245px!important;height:100svh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:35px 26px!important;background:#103a2a!important;color:#f4f1e8!important;border:0!important;gap:0!important;transform:none!important}
 body.nav-expedition .header .brand{background:transparent!important;flex:0 0 auto!important;align-self:auto!important;justify-content:flex-start!important;padding:0!important;height:105px!important}
 body.nav-expedition .header .brand img{width:148px}
 body.nav-expedition .header .nav{margin:10vh 0 auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;background:transparent!important;border:0!important;padding:0!important}
 body.nav-expedition .header .nav>a,body.nav-expedition .header .nav-group>a{display:block!important;font-family:"Link Display",sans-serif!important;font-size:23px!important;color:#f3f1e6!important;line-height:1.15!important;padding:13px 0!important;border-bottom:1px solid #f4f1e83b!important;white-space:normal!important;letter-spacing:-.015em!important}
 body.nav-expedition .header .nav>a:before,body.nav-expedition .header .nav-group>a:before{display:none!important}
 body.nav-expedition .header .nav>a:after,body.nav-expedition .header .nav-group>a:after{display:none!important}
 body.nav-expedition .header .nav>a.active,body.nav-expedition .header .nav-group>a.active,body.nav-expedition .header .nav>a:hover,body.nav-expedition .header .nav-group>a:hover{color:#e8d993!important}
 body.nav-expedition .header .nav>a.active:after,body.nav-expedition .header .nav-group>a.active:after{display:block!important;position:absolute!important;left:-26px!important;right:auto!important;top:0!important;width:3px!important;height:100%!important;background:#e8d993!important;transform:none!important}
 body.nav-expedition .header .nav-group{display:block!important;padding:0!important;position:relative}
 body.nav-expedition .header .mega-toggle{position:absolute;display:block!important;right:0;top:13px;bottom:auto;padding:2px 5px;color:#e8d993!important}
 body.nav-expedition .header .tools{border-top:1px solid #f4f1e83b;padding-top:24px;justify-content:flex-start!important;gap:18px}
 body.nav-expedition .header .tools select,body.nav-expedition .header .search-icon{color:#f4f1e8!important}
 body.nav-expedition .header .tools>a{border-color:#f4f1e870!important;color:#f4f1e8}
 body.nav-expedition .header .tools>a:hover{background:#e8d993;color:#103a2a}
 body.nav-expedition .header:after{content:'CARPATHIANS / ROMANIA';position:absolute;bottom:121px;left:26px;color:#e8d993;font:700 10px Arial,sans-serif;letter-spacing:.15em}
 body.nav-expedition .mega-menu{position:fixed!important;top:0!important;left:245px!important;right:0!important;z-index:39!important;background:#f4f1e8!important;max-height:100svh;overflow:auto}
 body.nav-expedition[data-page="index"] .third-hero{min-height:100svh}
}
/* The field-guide index collapses into a compact top masthead on smaller screens. */
@media(max-width:1199px){
 body.nav-cinematic .header,body.nav-expedition .header{height:76px!important;background:#0c3325!important;color:#f4f1e8!important;padding:0 4%!important}
 body.nav-cinematic[data-page="index"] .header,body.nav-cinematic[data-page="about"] .header{position:fixed!important;background:linear-gradient(180deg,rgba(3,29,22,.9),rgba(3,29,22,.15))!important}
 body.nav-cinematic[data-page="index"] .header.is-scrolled,body.nav-cinematic[data-page="about"] .header.is-scrolled{background:#0c3325!important}
 body.nav-cinematic .header .brand,body.nav-expedition .header .brand{flex-basis:170px;background:transparent;padding:0;justify-content:flex-start}
 body.nav-cinematic .header .brand img,body.nav-expedition .header .brand img{width:113px}
 body.nav-cinematic .header .nav,body.nav-expedition .header .nav{top:76px;background:#0c3325;color:#f4f1e8;padding:24px 6% 36px;box-shadow:0 24px 35px #092d1e40}
 body.nav-cinematic .header .nav>a,body.nav-cinematic .header .nav-group>a,body.nav-expedition .header .nav>a,body.nav-expedition .header .nav-group>a{color:#f4f1e8!important;border-color:#f4f1e852!important;font-size:clamp(34px,5vw,54px)!important}
 body.nav-cinematic .header .nav>a:before,body.nav-cinematic .header .nav-group>a:before{display:none}
 body.nav-expedition .header .nav>a:before,body.nav-expedition .header .nav-group>a:before{color:#e8d993}
 body.nav-cinematic .header .tools select,body.nav-cinematic .header .search-icon,body.nav-expedition .header .tools select,body.nav-expedition .header .search-icon{color:#f4f1e8}
 body.nav-cinematic .header .tools>a,body.nav-expedition .header .tools>a{border-color:#f4f1e86e;color:#f4f1e8}
 body.nav-cinematic .header .menu-toggle{border:1px solid #f4f1e86e;color:#f4f1e8;background:transparent}
 body.nav-expedition .header .menu-toggle{border:1px solid #e8d993;background:#e8d993;color:#103a2a}
 body.nav-expedition .mega-menu{display:none!important}
}
@media(max-width:760px){
 body.nav-cinematic[data-page="index"] .header,body.nav-cinematic[data-page="about"] .header{position:sticky!important;background:#0c3325!important}
 body.nav-cinematic .header,body.nav-expedition .header{height:72px!important}
 body.nav-cinematic .header .brand,body.nav-expedition .header .brand{flex-basis:125px}
 body.nav-cinematic .header .brand img,body.nav-expedition .header .brand img{width:105px}
 body.nav-cinematic .header .nav,body.nav-expedition .header .nav{top:72px}
 body.nav-cinematic .header .tools,body.nav-expedition .header .tools{gap:8px}
 body.nav-cinematic .header .menu-toggle,body.nav-expedition .header .menu-toggle{padding:9px 10px}
}
@media(prefers-reduced-motion:reduce){body.nav-cinematic .header{transition:none}}
