/**
 * Dropdown menu styling for SVCC static site.
 * Copied from the original slocanvalleychamber.com computed styles:
 * - Dropdown box (.fYO6yN): background rgb(255,255,255), box-shadow none,
 *   border-radius 0, padding 0 (--bgDrop = --color_11 = 255,255,255)
 * - Items: font 700 20px/1.4em nimbus-sans-tw01con (--fnt), text rgb(0,0,0) (--txt/--color_15)
 * - Item hover text: rgb(74,199,176) (--txth/--color_33)
 * - Wrapper offset: margin-top 7px, z-index 99999 (.dva_z0)
 */
.wixui-dropdown-menu__item {
    position: relative;
}
.wixui-dropdown-menu__item > ul {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin: 7px 0 0 0;
    padding: 0;
    list-style: none;
    background-color: rgb(255, 255, 255);
    box-shadow: none;
    border-radius: 0;
    white-space: nowrap;
    width: auto;
    z-index: 99999;
}
.wixui-dropdown-menu__item > ul > li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.wixui-dropdown-menu__item > ul > li > a {
    display: block;
    padding: 0 0.5em;
    font: 700 20px/1.4em nimbus-sans-tw01con, sans-serif;
    color: rgb(0, 0, 0);
    text-decoration: none;
}
.wixui-dropdown-menu__item > ul > li > a:hover {
    color: rgb(74, 199, 176);
}

/* fluidfix (Ami, 2026-10-13): wow-image imgs carry pixel widths baked at capture
   time (e.g. the 1400px hero). Their wow-image boxes are fluid; fill them. */
wow-image > img {
    width: 100% !important;
}

/* lightbox (Ami, 2026-10-13): fullscreen image-zoom for gallery items,
   modeled on the Wix lightbox — dark backdrop, caption bar under the image,
   thin white close X and side chevrons. */
.ami-lightbox {
    position: fixed; inset: 0; z-index: 99999;
    background: rgba(18, 18, 18, 0.94);
    display: none; align-items: center; justify-content: center;
}
.ami-lightbox.open { display: flex; }
.ami-lb-figure {
    margin: 0; max-width: 86vw; max-height: 92vh;
    display: flex; flex-direction: column; align-items: center;
}
.ami-lb-img {
    max-width: 86vw; max-height: 82vh; object-fit: contain;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.6);
}
.ami-lb-caption {
    margin-top: 14px; padding: 8px 22px;
    background: rgba(0, 0, 0, 0.55); color: #fff;
    font: 15px/1.4 "Helvetica Neue", Arial, sans-serif; text-align: center;
}
.ami-lightbox button {
    position: absolute; background: none; border: 0; color: #fff;
    cursor: pointer; line-height: 1; opacity: 0.85; z-index: 2;
}
.ami-lightbox button:hover { opacity: 1; }
.ami-lb-close { top: 10px; right: 22px; font-size: 44px; font-weight: 200; }
.ami-lb-prev, .ami-lb-next {
    top: 50%; transform: translateY(-50%); font-size: 64px; font-weight: 200;
    padding: 12px 18px;
}
.ami-lb-prev { left: 8px; }
.ami-lb-next { right: 8px; }

/* video lightbox (Ami, 2026-10-13): news-page VOD lightbox modeled on the
   Wix one — black backdrop, player left, info rail right, filmstrip below. */
.ami-vlb {
    position: fixed; inset: 0; z-index: 99999; background: #000;
    display: none; flex-direction: column; padding: 46px 64px 18px;
    box-sizing: border-box;
}
.ami-vlb.open { display: flex; }
.ami-vlb-main { flex: 1; display: flex; gap: 28px; min-height: 0; }
.ami-vlb-player { flex: 1 1 auto; display: flex; align-items: flex-start; min-width: 0; }
.ami-vlb-player video { width: 100%; max-height: 100%; aspect-ratio: 16/9; background: #000; }
.ami-vlb-rail { flex: 0 0 300px; color: #eee; overflow-y: auto; }
.ami-vlb-title { font: 600 22px/1.3 "Helvetica Neue", Arial, sans-serif; margin: 4px 0 8px; color: #fff; }
.ami-vlb-meta { font: 13px/1.5 "Helvetica Neue", Arial, sans-serif; color: #aaa; margin: 0 0 14px; }
.ami-vlb-desc { font: 14.5px/1.55 "Helvetica Neue", Arial, sans-serif; color: #ccc; margin: 0; }
.ami-vlb-strip { display: flex; gap: 12px; padding-top: 16px; overflow-x: auto; }
.ami-vlb-thumb {
    flex: 0 0 148px; background: none; border: 2px solid transparent; padding: 0;
    cursor: pointer; text-align: left; opacity: 0.75;
}
.ami-vlb-thumb:hover { opacity: 1; }
.ami-vlb-thumb.now { border-color: #fff; opacity: 1; }
.ami-vlb-thumb img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.ami-vlb-thumb span {
    display: block; color: #ddd; font: 11.5px/1.3 "Helvetica Neue", Arial, sans-serif;
    padding-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ami-vlb button.ami-vlb-close, .ami-vlb button.ami-vlb-prev, .ami-vlb button.ami-vlb-next {
    position: absolute; background: none; border: 0; color: #fff; cursor: pointer;
    line-height: 1; opacity: 0.85; z-index: 2;
}
.ami-vlb button:hover { opacity: 1; }
.ami-vlb-close { top: 4px; right: 20px; font-size: 42px; font-weight: 200; }
.ami-vlb-prev, .ami-vlb-next { top: 42%; font-size: 60px; font-weight: 200; padding: 10px 14px; }
.ami-vlb-prev { left: 4px; }
.ami-vlb-next { right: 4px; }
@media (max-width: 760px) {
    .ami-vlb { padding: 46px 14px 12px; }
    .ami-vlb-main { flex-direction: column; }
    .ami-vlb-rail { flex: 0 0 auto; }
    .ami-vlb-prev, .ami-vlb-next { display: none; }
}