/* Original VKHam images; native Joomla navigation and module positions. */
body.site {
  background:#e5e5e5 url("../images/snews.gif") repeat center top fixed;
  color:#242c29;
}
.container-header {
  background:rgba(255,255,255,.94);
  background-image:none;
  box-shadow:0 2px 9px #0002;
}
.container-header .grid-child {max-width:1200px;margin-inline:auto}
.container-header .navbar-brand {margin:0;padding:.8rem 0}
.container-header .navbar-brand img {width:296px;max-width:100%;height:auto}
.container-header .site-description {color:#3d5346}
.container-header .container-nav {align-items:center;gap:1rem;background:#235b3a;padding:.5rem 1rem}
.container-header .container-nav a,.container-header .container-nav button {color:#fff}
.container-header .container-nav .mod-menu {flex-wrap:wrap;gap:.15rem}
.container-header .container-nav .mod-menu>li>a,
.container-header .container-nav .mod-menu>li>button {padding:.55rem .7rem}
.container-header .metismenu.mod-menu .metismenu-item>ul {background:#fff;color:#242c29;box-shadow:0 5px 16px #0003}
.container-header .metismenu.mod-menu .metismenu-item>ul a,
.container-header .metismenu.mod-menu .metismenu-item>ul button {color:#23472f}
.container-header .container-search {margin-inline-start:auto;color:#fff;min-width:12rem}
.container-header .container-search label {color:#fff}
.site-grid {max-width:1200px;margin-inline:auto;padding:1.25rem}
.container-component {min-width:0;background:rgba(255,255,255,.96);border:1px solid #cbd6cd;border-radius:5px;padding:1.5rem}
.container-component h1 {color:#235b3a}
.container-breadcrumbs {background:rgba(255,255,255,.94);padding:.25rem .8rem;border-radius:4px}
.container-breadcrumbs .breadcrumb {margin:.25rem 0}
.vkham-home-intro {max-width:55rem;margin-bottom:1.5rem}
.vkham-home-panels {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.vkham-home-panel {border:1px solid #ccd6ce;border-radius:4px;padding:1.1rem;background:#f8faf8;display:flex;flex-direction:column}
.vkham-home-panel h2 {font-size:1.25rem;color:#235b3a;border-bottom:2px solid #94ae98;padding-bottom:.55rem;margin:0 0 .8rem}
.vkham-home-panel p {margin-bottom:.8rem}
.vkham-home-panel .vkham-home-links {margin-top:auto}
.vkham-home-links a {display:inline-block;margin:.2rem .7rem .2rem 0;font-weight:600;color:#235b3a}
.footer {background:rgba(35,71,47,.96);color:white;margin-top:1.5rem}
.footer .grid-child {max-width:1200px;margin-inline:auto;gap:2rem;align-items:flex-start;flex-wrap:wrap}
.footer a {color:white}
.footer input {color:#242c29}
a:focus-visible,button:focus-visible {outline:3px solid #d8a100;outline-offset:3px}
@media(max-width:991px){
 .vkham-home-panels {grid-template-columns:repeat(2,minmax(0,1fr))}
 .container-header .container-search {margin-inline-start:0;width:100%}
 .container-header .navbar-collapse {width:100%}
}
@media(max-width:575px){
 .site-grid {padding:.65rem}
 .container-component {padding:1rem}
 .vkham-home-panels {grid-template-columns:1fr}
 .container-header .navbar-brand img {width:260px}
}
@media print {
 body.site {background:white}
 .container-header,.footer {display:none}
 .container-component {border:0}
}
/* Bundled menu layout, independent of optional Cassiopeia overrides. */
.vkham-top-nav {position:relative;width:100%}
.vkham-top-nav ul {list-style:none;margin:0;padding:0}
.vkham-top-nav .vkham-top-list {display:flex;flex-wrap:wrap;align-items:center}
.vkham-top-nav li {position:relative;display:block}
.vkham-top-nav .vkham-top-list>li {display:flex;align-items:center;flex-wrap:wrap}
.vkham-top-nav a,.vkham-top-nav .mod-menu__heading {display:inline-block;padding:.55rem .6rem;text-decoration:none}
.vkham-top-nav button {background:transparent;border:1px solid #ffffff66;border-radius:3px;padding:.4rem .5rem}
.vkham-top-nav .vkham-top-sub {padding:.4rem;min-width:240px;max-width:min(340px,90vw);background:#fff;border:1px solid #ced9d0}
.vkham-top-nav .vkham-top-sub a,.vkham-top-nav .vkham-top-sub button,
.vkham-top-nav .vkham-top-sub .mod-menu__heading {color:#23472f}
.vkham-top-nav .vkham-top-sub button {border-color:#65836d}
.vkham-top-nav .vkham-top-sub a:hover {background:#eaf0eb}
.vkham-top-nav [hidden] {display:none!important}
.vkham-mobile-toggle {display:none}
@media(min-width:992px) {
 .vkham-enhanced .vkham-top-list>li>.vkham-top-sub {position:absolute;top:100%;left:0;z-index:1050;box-shadow:0 5px 16px #0003}
 .vkham-top-nav .vkham-top-sub .vkham-top-sub {margin-left:.5rem;min-width:0;max-width:100%;border:0;border-left:2px solid #b7cbbb}
}
@media(max-width:991px) {
 .vkham-enhanced .vkham-mobile-toggle {display:block;margin-bottom:.5rem}
 .vkham-top-nav .vkham-top-list {display:block}
 .vkham-top-nav .vkham-top-list>li {display:block}
 .vkham-top-nav .vkham-top-sub {max-width:100%;width:100%;min-width:0}
}

/* The custom Home article already supplies its own heading. */
.com-content-article:has([data-vkham-home-layout="1"]) > .page-header {display:none}

/* Compact shared header: original logo beside navigation. */
.container-header {position:relative;display:grid;grid-template-columns:296px minmax(0,1fr);column-gap:1rem;padding:.4rem max(1rem,calc((100vw - 1200px)/2));min-height:110px}
.container-header>.grid-child:has(.navbar-brand) {grid-column:1;grid-row:1 / 3;width:100%;align-self:center;padding:0}
.container-header .navbar-brand {padding:0}
.container-header>.container-nav {grid-column:2;grid-row:2;width:100%;padding:.35rem .6rem;align-self:end;flex-wrap:wrap;gap:.4rem}
.vkham-account-links {grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:1rem;font-size:.9rem;padding:.2rem .3rem}
.vkham-account-links a {color:#235b3a}
.vkham-account-links form {margin:0}
.vkham-account-links button {background:none;border:0;padding:0;color:#235b3a;text-decoration:underline}
.container-header .container-search {margin-left:auto;min-width:10rem;max-width:22rem}
.container-header .container-search .mod-finder {margin:0}
.vkham-compact-footer {display:flex;justify-content:center;align-items:center;gap:1.5rem;background:#23472f;color:white;padding:.65rem 1rem;margin-top:1rem;font-size:.9rem}
.vkham-compact-footer a {color:white}
.footer:has(#login-form) {display:none}
.footer {margin-top:.5rem}
.footer .grid-child {padding:.6rem 1rem}
@media(max-width:991px) {
 .container-header {grid-template-columns:minmax(0,1fr) auto;padding:.5rem .75rem;gap:.5rem}
 .container-header>.grid-child:has(.navbar-brand) {grid-column:1;grid-row:1}
 .container-header .navbar-brand img {width:240px}
 .vkham-account-links {grid-column:2;grid-row:1;flex-direction:column;gap:.25rem;align-self:center}
 .container-header>.container-nav {grid-column:1 / -1;grid-row:2;margin:0}
 .container-header .container-search {width:100%;max-width:none;margin:0}
}
@media(max-width:420px) {.container-header .navbar-brand img {width:190px}}
@media print {.vkham-compact-footer {display:none}}

/* Discreet search, with a labelled icon submit button. */
.container-header .container-search {width:11rem;min-width:0;max-width:11rem;flex:0 0 11rem}
.container-header .container-search .form-control {font-size:.85rem;min-height:2rem;padding:.3rem .5rem;background:#ffffffed;border-color:#c7d5ca}
.container-header .container-search .btn {font-size:0;padding:.35rem .55rem;background:#ffffffed;color:#235b3a;border-color:#c7d5ca;min-height:2rem}
.container-header .container-search .btn .icon-search {font-size:.85rem;color:#235b3a}
.vkham-compact-footer {flex-wrap:wrap;gap:.4rem 1.5rem;font-size:.8rem;padding:.5rem 1rem}
@media(max-width:991px) {.container-header .container-search {width:14rem;max-width:100%;flex:0 1 14rem}}

@media(min-width:992px) {
 .vkham-top-nav .vkham-top-sub li {position:relative}
 .vkham-enhanced .vkham-top-list .vkham-top-sub .vkham-top-sub {position:absolute;left:100%;top:0;margin:0;min-width:240px;max-width:340px;border:1px solid #ced9d0;box-shadow:0 5px 16px #0003;z-index:1060}
 .vkham-enhanced .vkham-top-list .vkham-top-sub:not([hidden]) {animation:vkham-menu-in .13s ease-out}
 .vkham-top-sub .vkham-sub-toggle {float:right}
}
@keyframes vkham-menu-in {from {opacity:0;transform:translateY(-4px)} to {opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce) {.vkham-enhanced .vkham-top-list .vkham-top-sub:not([hidden]) {animation:none}}

@media(min-width:992px) {.vkham-enhanced .vkham-top-list .vkham-top-sub .vkham-top-sub.vkham-fly-left {left:auto;right:100%}}

/* Align header content to the actual central panel, retaining the full-width background. */
.container-header {padding-inline-start:var(--vkham-header-left,max(1rem,calc((100% - 1200px)/2 + 1.25rem)));padding-inline-end:var(--vkham-header-right,max(1rem,calc((100% - 1200px)/2 + 1.25rem)))}

/* Compact the original HF summary without changing its figures. */
.vkham-hf-totals-scroll {max-width:100%;overflow-x:auto;margin:1rem 0}
.container-component .vkham-hf-totals {table-layout:fixed;width:100%;min-width:760px;border-collapse:collapse}
.container-component .vkham-hf-totals td {padding:.45rem .15rem;text-align:center;vertical-align:middle;width:auto;overflow-wrap:anywhere;white-space:normal}
.container-component .vkham-hf-totals td:first-child {width:10%;text-align:left}
.container-component .vkham-hf-totals h4 {font-size:.85rem;line-height:1.35;margin:0;white-space:normal}
.container-component .vkham-hf-totals tr:first-child {background:#edf3ee}
.container-component .vkham-hf-totals tr+tr {border-top:1px solid #d5ded7}
.vkham-logbook select,.vkham-logbook input {max-width:100%}

/* Club Log is a centered block; its accompanying text follows underneath. */
.container-component iframe[data-vkham-clublog="1"] {display:block;width:450px;max-width:100%;margin:.5rem auto;border:0}
.container-component p:has(>iframe[data-vkham-clublog="1"]) {text-align:center}

/* General reference pages do not need a modification label; repeater dates remain visible. */
.vkham-hide-modified {display:none!important}
.container-component:not(:has([data-vkham-repeater-source])) .article-info dd.modified {display:none}

/* Updated VKHam logo and matching header, 4 October 2026. */
.container-header .navbar-brand img {width:209px;height:129px;max-width:100%;object-fit:contain}
@media(min-width:992px){
 .container-header {grid-template-columns:209px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:142px}
 .container-header>.grid-child:has(.navbar-brand) {align-self:center}
 .container-header>.container-nav {align-self:stretch;align-content:center;min-height:96px}
 .container-header .vkham-top-list {justify-content:space-between;width:100%}
}
@media(max-width:991px){.container-header .navbar-brand img {width:209px;height:auto}}
@media(max-width:420px){.container-header .navbar-brand img {width:190px;height:auto}}

.vkham-download-allowance {clear:both;width:100%}

/* Align logo and green navigation edges. */
@media(min-width:992px){
.container-header>.grid-child:has(.navbar-brand){grid-row:2;align-self:center}
.container-header>.container-nav{min-height:129px}
}

/* Keep the header and welcome notice within the centre content panel. */
.container-header {width:calc(100% - var(--vkham-header-left,1.25rem) - var(--vkham-header-right,1.25rem));max-width:none;margin-inline-start:var(--vkham-header-left,1.25rem);margin-inline-end:var(--vkham-header-right,1.25rem);margin-block-start:1.25rem;padding-inline:0;border-radius:4px}
.site-grid>.container-banner {grid-column:main-start / main-end;width:100%;min-width:0}

/* Align the footer with the centre content panel. */
.vkham-compact-footer{box-sizing:border-box;width:var(--vkham-footer-width,calc(100% - 2.5rem));max-width:none;margin-inline-start:var(--vkham-footer-left,1.25rem);margin-inline-end:0;margin-block-end:1.25rem;border-radius:4px}

/* Centre the Club Log contacts widget within its HF page column. */
.vkham-clublog-last10 > table{margin-inline:auto}

.vkham-hf-dxpeditions{width:514px!important;max-width:100%;height:auto!important;margin-inline:auto;table-layout:fixed}.vkham-hf-dxpeditions td{padding:0.75rem;vertical-align:middle}.vkham-hf-dxpeditions img{max-width:100%;height:auto}.vkham-hf-photos-wrap{max-width:100%;overflow-x:auto}.vkham-hf-photos{width:100%;min-width:650px;table-layout:fixed;margin-inline:auto}.vkham-hf-photos td{width:auto!important;text-align:center;padding:0.5rem;vertical-align:top}.vkham-hf-photos tr:nth-child(2) td{vertical-align:bottom}.vkham-hf-photos img{display:block;margin-inline:auto}.vkham-hf-photos tr:nth-child(2) td span{display:inline-block}

.vkham-card-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin:1rem 0}.vkham-card-detail{text-align:center}.vkham-image-viewer{width:min(1100px,96vw);max-width:96vw;max-height:96vh;border:0;border-radius:6px;padding:1rem;background:#fff;color:#22352b}.vkham-image-viewer::backdrop{background:rgba(0,0,0,.85)}.vkham-image-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.vkham-image-toolbar button{padding:.5rem 1rem;border:1px solid #23472f;border-radius:4px;background:#23472f;color:white}.vkham-image-toolbar button:disabled{opacity:.45}.vkham-image-toolbar button:focus-visible{outline:3px solid #d9ad22;outline-offset:2px}.vkham-image-viewer figure{margin:0;text-align:center}.vkham-viewer-image{max-width:100%;max-height:70vh;object-fit:contain}.vkham-image-viewer figcaption{margin-top:.75rem;white-space:pre-line;overflow-wrap:anywhere}.vkham-viewer-help{text-align:center;font-size:.85rem;margin:.75rem 0 0}
