.colco-nav-open{background:#315f76;color:#fff;border:0;border-radius:5px;padding:12px 17px;font:700 15px system-ui;cursor:pointer}.colco-nav-floating{position:fixed;bottom:20px;right:20px;z-index:99980}.colco-nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2147483646!important}.colco-nav-backdrop[hidden],.colco-nav-sub[hidden]{display:none!important}.colco-nav-dialog{position:fixed;top:0;bottom:0;left:0;width:min(390px,90vw);background:#fff;color:#394549;z-index:2147483647!important;transform:translateX(-105%);transition:transform .22s ease;display:flex;flex-direction:column;visibility:hidden;box-shadow:4px 0 22px #0002}.colco-nav-dialog.is-open{transform:translateX(0);visibility:visible}.colco-nav-head{background:#315f76;color:white;min-height:72px;display:flex;align-items:center;justify-content:center;font:700 21px system-ui;letter-spacing:2px;position:relative}.colco-nav-close{position:absolute;left:16px;top:14px;border:0;background:none;color:white;font:32px system-ui;cursor:pointer}.colco-nav-scroll{overflow:auto;overscroll-behavior:contain;flex:1}.colco-nav-toggle{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;background:white;border:0;border-bottom:1px solid #e5e5e5;padding:14px 16px;text-align:left;font:700 16px system-ui;color:#414c50;cursor:pointer;text-transform:uppercase}.colco-nav-toggle span{font-size:25px;font-weight:400}.colco-nav-toggle[aria-expanded=true]{color:#315f76}.colco-nav-sub{background:#f5f7f9;padding:6px 0}.colco-nav-sub a{display:block;padding:11px 28px;color:#314f67;text-decoration:none;font:500 15px system-ui;border-bottom:1px solid #e5e9ed}.colco-nav-sub a:hover,.colco-nav-sub a:focus-visible{background:#e8eef2}.colco-nav-features{padding:18px 16px;border-top:1px solid #ddd}.colco-nav-features h3{font:700 17px system-ui;margin:0 0 12px}.colco-nav-story{display:flex;gap:12px;align-items:center;margin:12px 0;text-decoration:none;color:#263c51;font:600 15px system-ui}.colco-nav-story img{width:80px;height:64px;object-fit:cover}.colco-nav-extra,.colco-nav-foot a{display:block;padding:14px 16px;border-top:1px solid #ddd;color:#3e4d56;text-decoration:none;font:600 15px system-ui}.colco-nav-dialog :focus-visible{outline:3px solid #f4ad4b;outline-offset:-3px}.colco-lodging-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.colco-lodging-card{border:1px solid #dce2e9;border-radius:10px;overflow:hidden;padding:0 0 14px}.colco-lodging-card img{width:100%;height:180px;object-fit:cover}.colco-lodging-card h3,.colco-lodging-card p{margin:12px 16px}.colco-lodging-card a{text-decoration:none;color:#203d68}body.colco-nav-lock{overflow:hidden}@media(prefers-reduced-motion:reduce){.colco-nav-dialog{transition:none}}

body > #colco-nav-backdrop{z-index:2147483646!important}
body > #colco-nav-dialog{z-index:2147483647!important}

/* v1.0.3 horizontal, full-page submenu navigation */
.colco-nav-viewport{flex:1;min-height:0;overflow:hidden;position:relative}
.colco-nav-track{height:100%;width:200%;display:flex;transform:translateX(0);transition:transform .27s ease}
.colco-nav-dialog.is-deep .colco-nav-track{transform:translateX(-50%)}
.colco-nav-page{box-sizing:border-box;width:50%;height:100%;overflow-y:auto;overscroll-behavior:contain;flex:none}
.colco-nav-deep{background:#fff}
.colco-nav-back{display:flex;align-items:center;gap:12px;border:0;background:#f3f6f8;color:#315f76;padding:17px 20px;width:100%;text-align:left;font:700 15px system-ui;cursor:pointer;border-bottom:1px solid #e1e7eb}
.colco-nav-back span{font-size:27px;line-height:16px;font-weight:400}
.colco-nav-section-title{font:800 21px system-ui;letter-spacing:.02em;text-transform:uppercase;color:#283e4a;margin:0;padding:22px 20px 12px}
.colco-nav-deep-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e8ecee;color:#344954!important;font:600 16px system-ui;text-decoration:none!important}
.colco-nav-deep-link span{font-size:22px;font-weight:400;color:#8d9da4}
.colco-nav-deep-link:hover,.colco-nav-deep-link:focus-visible,.colco-nav-back:hover{background:#edf3f6}
@media(prefers-reduced-motion:reduce){.colco-nav-track{transition:none}}

/* v1.0.4: all submenu pages share the second slide; only active one displays.
   Previously they were sequential flex children beyond the track's width. */
.colco-nav-track{position:relative}
.colco-nav-main{width:50%;flex:0 0 50%}
.colco-nav-deep{position:absolute;top:0;left:50%;width:50%;height:100%;visibility:hidden;pointer-events:none;overflow-y:auto}
.colco-nav-deep.is-active{visibility:visible;pointer-events:auto}

/* v1.0.5: stable two-panel navigation, no 200%-wide flex track */
#colco-nav-dialog .colco-nav-viewport{position:relative;overflow:hidden;flex:1;min-height:0}
#colco-nav-dialog .colco-nav-track{position:relative!important;display:block!important;width:100%!important;height:100%!important;transform:none!important;transition:none!important}
#colco-nav-dialog .colco-nav-main,#colco-nav-dialog .colco-nav-deep{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;box-sizing:border-box;overflow-y:auto;transition:transform .28s ease,visibility 0s linear .28s}
#colco-nav-dialog .colco-nav-main{transform:translateX(0);visibility:visible;pointer-events:auto}
#colco-nav-dialog .colco-nav-deep{transform:translateX(100%);visibility:hidden;pointer-events:none}
#colco-nav-dialog.is-deep .colco-nav-main{transform:translateX(-100%);visibility:hidden;pointer-events:none}
#colco-nav-dialog.is-deep .colco-nav-deep.is-active{transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .28s ease,visibility 0s}
#colco-nav-dialog .colco-nav-back{position:relative;z-index:3;cursor:pointer;touch-action:manipulation}
@media(prefers-reduced-motion:reduce){#colco-nav-dialog .colco-nav-main,#colco-nav-dialog .colco-nav-deep{transition:none!important}}

/* v1.1.1: match the main ColCo site header and align the close control right. */
.colco-nav-head{background:#2e345e!important;padding:0 56px;box-sizing:border-box;text-align:center}
.colco-nav-head .colco-nav-close{left:auto!important;right:12px!important;top:50%!important;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;line-height:1;border-radius:4px}
.colco-nav-head .colco-nav-close:hover{background:rgba(255,255,255,.12)}

/* v1.1.2: uniform menu rows, dividers, and text-only hover/focus. */
.colco-nav-head{background:#424242!important}
#colco-nav-dialog .colco-nav-toggle,
#colco-nav-dialog .colco-nav-deep-link,
#colco-nav-dialog .colco-nav-back,
#colco-nav-dialog .colco-nav-extra,
#colco-nav-dialog .colco-nav-foot a,
#colco-nav-dialog .colco-nav-sub a{
  box-sizing:border-box; border-top:0!important; border-left:0!important; border-right:0!important;
  border-bottom:1px solid #e1e1e1!important; border-radius:0!important;
  box-shadow:none!important; text-decoration:none!important;
  transition:color .15s ease!important;
}
#colco-nav-dialog .colco-nav-toggle,
#colco-nav-dialog .colco-nav-deep-link,
#colco-nav-dialog .colco-nav-extra,
#colco-nav-dialog .colco-nav-foot a{background:#fff!important}
#colco-nav-dialog .colco-nav-back{background:#f3f6f8!important}
#colco-nav-dialog .colco-nav-sub a{background:#f5f7f9!important}
#colco-nav-dialog .colco-nav-toggle:hover,
#colco-nav-dialog .colco-nav-toggle:focus-visible,
#colco-nav-dialog .colco-nav-deep-link:hover,
#colco-nav-dialog .colco-nav-deep-link:focus-visible,
#colco-nav-dialog .colco-nav-back:hover,
#colco-nav-dialog .colco-nav-back:focus-visible,
#colco-nav-dialog .colco-nav-extra:hover,
#colco-nav-dialog .colco-nav-extra:focus-visible,
#colco-nav-dialog .colco-nav-foot a:hover,
#colco-nav-dialog .colco-nav-foot a:focus-visible,
#colco-nav-dialog .colco-nav-sub a:hover,
#colco-nav-dialog .colco-nav-sub a:focus-visible,
#colco-nav-dialog .colco-nav-story:hover,
#colco-nav-dialog .colco-nav-story:focus-visible{color:#2b3f8f!important}
#colco-nav-dialog .colco-nav-toggle[aria-expanded=true]{color:#414c50}
#colco-nav-dialog .colco-nav-toggle span,
#colco-nav-dialog .colco-nav-deep-link span{color:inherit!important}
#colco-nav-dialog .colco-nav-toggle:hover span,
#colco-nav-dialog .colco-nav-deep-link:hover span{color:#2b3f8f!important}
#colco-nav-dialog .colco-nav-head .colco-nav-close:hover{background:transparent!important}
