/*!
 * Tourgy Tourz shared top navigation (desktop).
 * Loaded on every page after the page's own styles, so the menu looks
 * the same everywhere. Phones use /assets/js/tt-mobile-nav.js instead.
 */
#header{background:#fff;border-bottom:1px solid rgba(23,24,19,.12);box-shadow:0 8px 30px rgba(18,23,18,.05);z-index:997}
#header .container{width:100%;max-width:1480px}
#header .logo{flex:0 0 auto;white-space:nowrap;margin-right:18px;position:relative;z-index:2}
#header .logo a{color:#182414;font-weight:900;letter-spacing:.2px}
#header #navbar{flex:1 1 auto;justify-content:flex-end;min-width:0;overflow:visible}
#header #navbar>ul>li:first-child>a{padding-left:0}
#header #navbar>ul{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:0;margin:0;padding:0;list-style:none}
#header #navbar>ul>li{flex:0 0 auto;position:relative}
#header #navbar>ul>li>a{white-space:nowrap;padding:10px 8px;display:flex;align-items:center;gap:4px}
#header .navbar a,#header .navbar a:focus{color:#171813;font-size:14px;font-weight:800;letter-spacing:.01em;line-height:1.4;text-decoration:none}
#header .navbar a:hover{color:#9f4f14}
#header .navbar .active-page{color:#9f4f14;font-weight:900}
#header .navbar .tt-enquire,#header .navbar .tt-enquire:focus{background:#c96b1d;color:#fff!important;padding:10px 18px;border-radius:999px;margin-left:6px;box-shadow:0 10px 22px rgba(201,107,29,.22)}
#header .navbar .tt-enquire:hover{background:#9f4f14;color:#fff!important}
#header .navbar .dropdown ul{background:#fff;border:1px solid rgba(23,24,19,.12);box-shadow:0 18px 45px rgba(18,23,18,.14);border-radius:0 0 16px 16px;padding:14px 0;list-style:none}
#header .navbar .dropdown ul a{font-weight:700;color:#171813;padding:9px 18px;display:block}
#header .navbar .dropdown ul a:hover{color:#9f4f14;background:#f2f0ea}
#header .tt-mega{position:static!important}
@media (min-width:992px){
  #header .container{position:relative}
  #header .navbar .dropdown>ul{display:block;position:absolute;left:0;top:calc(100% + 20px);margin:0;z-index:99;opacity:0;visibility:hidden;transition:.2s;min-width:230px}
  #header .navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
  #header .navbar .tt-mega>ul{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(1240px,calc(100vw - 32px));max-width:1240px;display:none!important;grid-template-columns:minmax(180px,220px) repeat(4,minmax(0,1fr));gap:16px;padding:20px!important;overflow:visible;align-items:start;opacity:1;visibility:visible;top:100%}
  #header .navbar .tt-mega:hover>ul{display:grid!important}
  #header .tt-mega-col{min-width:0;border-left:1px solid rgba(23,24,19,.12);padding-left:16px}
  #header .tt-mega-title{display:block;color:#9f4f14;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:8px}
  #header .tt-mega ul li{min-width:0}
  #header .tt-mega ul li a{display:block;width:100%;padding:7px 0!important;white-space:normal;line-height:1.4;overflow-wrap:anywhere;background:none}
  #header .tt-mega-view{color:#9f4f14!important;font-weight:900!important;margin-top:8px}
}
@media (min-width:992px) and (max-width:1439px){
  #header .container{max-width:100%;padding-left:14px;padding-right:14px}
  #header .logo{margin-right:7px}
  #header .logo div,#header .logo h1,#header .logo a{font-size:22px!important}
  #header #navbar>ul>li>a{font-size:12px;padding-left:5px;padding-right:5px}
  #header .navbar .tt-enquire{padding:9px 11px;margin-left:3px}
  #header .navbar .tt-mega>ul{width:calc(100vw - 20px);max-width:none;grid-template-columns:minmax(145px,175px) repeat(4,minmax(0,1fr));gap:10px;padding:16px!important}
  #header .tt-mega-col{padding-left:10px}
  #header .tt-mega ul li a{font-size:12px;line-height:1.35}
  #header .tt-mega-title{font-size:11px}
}