.site-nav__link { position: relative; overflow: hidden; }
.site-nav__link::after {
    content: ''; position: absolute;
    bottom: 0; left: 50%; right: 50%;
    height: 1px; background: #5a7aaa;
    transition: left 0.18s ease, right 0.18s ease;
}
.site-nav__link:hover::after,
.site-nav__link.active::after { left: 9px; right: 9px; }

#mobile-nav {
    display: none !important;
}

@media (max-width: 600px) {
    body {
        padding-bottom: 0;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: none;
    }
    .site-footer__links { display: flex; }
}

@keyframes ripple-out {
    from { transform: scale(0); opacity: 0.3; }
    to   { transform: scale(3); opacity: 0; }
}
.ripple {
    position: absolute; border-radius: 50%;
    background: rgba(47, 158, 82, 0.3);
    width: 36px; height: 36px;
    margin-left: -18px; margin-top: -18px;
    pointer-events: none;
    animation: ripple-out 0.45s ease-out forwards;
}