/*
 * Green Lane interaction states.
 * Loaded after site.css so WordPress, FTM and global block styles cannot mask them.
 */
body a[href]{cursor:pointer}

body a.brand:hover,
body a.brand:focus-visible{
    color:var(--bright)!important;
}
body a.brand:hover .brand-mark,
body a.brand:focus-visible .brand-mark{
    transform:rotate(-6deg)!important;
    background:rgba(157,202,125,.12)!important;
}

body .site-header .nav a.nav-cta:hover,
body .site-header .nav a.nav-cta:focus-visible{
    transform:translateY(-2px)!important;
    border-color:#fff!important;
    background:#fff!important;
    color:var(--forest)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}

body .site-header .language a:not(.active):hover,
body .site-header .language a:not(.active):focus-visible{
    transform:translateY(-2px)!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
}
body .site-header .language a.active:hover,
body .site-header .language a.active:focus-visible{
    transform:translateY(-2px)!important;
    background:var(--bright)!important;
    color:var(--forest)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}

body main a.button:hover,
body main a.button:focus-visible{
    transform:translateY(-2px)!important;
    box-shadow:0 12px 30px rgba(8,28,16,.2)!important;
}
body main a.button-light:hover,
body main a.button-light:focus-visible{
    background:var(--bright)!important;
    color:var(--forest)!important;
}
body main a.button-dark:hover,
body main a.button-dark:focus-visible{
    background:var(--leaf)!important;
    color:#fff!important;
}
body main a.button:hover>span,
body main a.button:focus-visible>span,
body main a.text-link:hover>span,
body main a.text-link:focus-visible>span{
    transform:translateX(4px)!important;
}

body main a.text-link:hover,
body main a.text-link:focus-visible{
    color:var(--leaf)!important;
    border-color:var(--leaf)!important;
}
body main a.light-link:hover,
body main a.light-link:focus-visible{
    color:var(--bright)!important;
    border-color:var(--bright)!important;
}

body main a.route-card:hover,
body main a.route-card:focus-visible{
    transform:translateY(-6px)!important;
    box-shadow:0 24px 55px rgba(10,32,18,.22)!important;
}
body main a.route-card:hover img,
body main a.route-card:focus-visible img{
    transform:scale(1.04)!important;
}
body main a.route-card:hover strong,
body main a.route-card:focus-visible strong{
    transform:translateX(5px)!important;
}

body .site-footer .footer-top nav a:hover,
body .site-footer .footer-top nav a:focus-visible,
body .site-footer .footer-bottom a:hover,
body .site-footer .footer-bottom a:focus-visible{
    color:var(--bright)!important;
}
body .site-footer .footer-top nav a:hover::after,
body .site-footer .footer-top nav a:focus-visible::after,
body .site-footer .footer-bottom a:hover::after,
body .site-footer .footer-bottom a:focus-visible::after{
    right:0!important;
}
body .site-footer .footer-bottom small{
    line-height:1.7;
}
body .site-footer .footer-bottom a.footer-credit{
    color:rgba(255,255,255,.72)!important;
    font-weight:700;
}
body .site-footer .footer-bottom a.footer-credit:hover,
body .site-footer .footer-bottom a.footer-credit:focus-visible{
    color:var(--bright)!important;
}

@media(prefers-reduced-motion:reduce){
    body a,
    body a *,
    body a::before,
    body a::after{transition-duration:.01ms!important}
}
