/* ==========================================================
   TKF Tony Family v0.2.4
   ========================================================== */


/* Quiet local Tony navigation */

.tkf-tony-nav {
    margin-top: 12px !important;
    margin-bottom: 22px !important;
}

.tkf-tony-nav__desktop {
    background: transparent !important;
    border-top: 1px solid #e3e3df;
    border-bottom: 1px solid #e3e3df;
    box-shadow: none !important;
}

.tkf-tony-nav__desktop a {
    color: #333 !important;
    padding: 11px 14px !important;
    font-weight: 600 !important;
    border-bottom: 2px solid transparent !important;
}

.tkf-tony-nav__desktop a:hover,
.tkf-tony-nav__desktop a:focus-visible {
    color: #111 !important;
    border-bottom-color: #a8cf72 !important;
}

.tkf-tony-nav__desktop a[aria-current="page"] {
    color: #222 !important;
    border-bottom-color: #7bc51b !important;
}


/* Mobile local navigation */

.tkf-tony-nav__mobile {
    background: #fff !important;
    color: #292929 !important;
    border: 1px solid #deded9;
}

.tkf-tony-nav__mobile summary {
    color: #292929 !important;
}

.tkf-tony-nav__mobile div {
    border-top: 1px solid #deded9 !important;
}

.tkf-tony-nav__mobile a {
    color: #292929 !important;
    background: #fff !important;
}

.tkf-tony-nav__mobile a[aria-current="page"] {
    border-left-color: #7bc51b !important;
    background: #f5f6f2 !important;
}


/* Celebration primary Vimeo */

.tkf-tony-celebration-primary {
    width: min(1050px, calc(100% - 32px));
    margin:
        clamp(24px, 4vw, 46px)
        auto
        clamp(34px, 5vw, 58px);
}


/* Shared responsive Vimeo */

.tkf-tony-vimeo-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #111;
}

.tkf-tony-vimeo-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}


/* Media Resources Vimeo:
   intentionally secondary and later in the page */

.tkf-tony-media-secondary {
    width: min(1000px, calc(100% - 32px));
    margin:
        clamp(46px, 7vw, 80px)
        auto
        clamp(30px, 5vw, 58px);
}


/* Celebration statement now follows memorial media */

.tkf-tony-celebration
.tkf-tony-statement {
    margin-top: clamp(32px, 5vw, 58px);
    border-top: 1px solid #e5e5e1;
}


/* Hub cards are now the visual identity;
   no large redundant hub hero. */

.tkf-tony-hub {
    padding-top: 18px !important;
}


/* Reduce old primary-media spacing rules now that
   Vimeo is no longer the media-page lead element. */

.tkf-col--media
.tkf-col__video {
    margin-top: clamp(22px, 3vw, 34px) !important;
}


@media (max-width: 760px) {

    .tkf-tony-nav {
        margin-top: 10px !important;
        margin-bottom: 16px !important;
    }

    .tkf-tony-celebration-primary,
    .tkf-tony-media-secondary {
        width: calc(100% - 32px);
    }

}