/* Styles homepage navigation states, including the responsive mobile menu. */
.home-page .home-topbar {
    height: 104px;
    background: #fff;
    border-bottom: 1px solid rgba(198,165,101,.45);
    box-shadow: 0 4px 18px rgba(18,60,48,.06);
    color: #17211d
}
.home-page .home-brand {
    position: relative;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #082b23
}
.home-page .home-brand .header-logo {
    display: block;
    width: auto;
    height: 58px;
    max-width: 245px;
    object-fit: contain;
    background: transparent
}
.home-page .home-brand small {
    color: #b38a42
}
.home-page .home-nav a {
    position: relative;
    color: #b38a42;
    transition: color 220ms ease,background-color 220ms ease
}
.home-page .home-nav a:not(.home-join-link)::after {
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    bottom: -12px;
    width: 0;
    height: 2px;
    background: #0a5947;
    transform: translateX(-50%);
    transition: width 220ms ease
}
.home-page .home-nav a:not(.home-join-link):hover,.home-page .home-nav a:not(.home-join-link):focus-visible,.home-page .home-nav a.is-current,.home-page .home-nav a.active,.home-page .home-nav a[aria-current="page"] {
    color: #0a5947
}
.home-page .home-nav a:not(.home-join-link):hover::after,.home-page .home-nav a:not(.home-join-link):focus-visible::after,.home-page .home-nav a.is-current::after,.home-page .home-nav a.active::after,.home-page .home-nav a[aria-current="page"]::after {
    width: 30px
}
.home-page .home-nav a:focus-visible {
    outline: 2px solid #0a5947;
    outline-offset: 5px
}
.home-page .home-join-link {
    padding: 14px 20px!important;
    background: #0a4a3b;
    border: 1px solid #0a4a3b;
    color: #fff!important
}
.home-page .home-join-link:hover,.home-page .home-join-link:focus-visible {
    background: #c6a565;
    border-color: #c6a565;
    color: #082b23!important
}
.home-page .home-join-link::after {
    display: none!important
}
@media(max-width:980px) {
    .home-page .home-brand .header-logo {
        height: 54px;
        width: auto
    }
}
@media(max-width:760px) {
    .home-page .home-topbar {
        height: 76px;
        background: #fff
    }
    .home-page .home-brand {
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none
    }
    .home-page .home-brand .header-logo {
        width: auto;
        height: 45px;
        max-width: 245px
    }
    .home-page .menu-toggle {
        color: #0a5947;
        border-color: #0a5947
    }
    .home-page .home-nav-right {
        top: 76px;
        background: #fff;
        border-bottom-color: rgba(198,165,101,.45);
        box-shadow: 0 8px 18px rgba(18,60,48,.06)
    }
    .home-page .home-nav-right a {
        color: #b38a42;
        border-bottom-color: rgba(23,33,29,.14)
    }
    .home-page .home-nav-right a:not(.home-join-link):hover,.home-page .home-nav-right a:not(.home-join-link):focus-visible,.home-page .home-nav-right a.is-current,.home-page .home-nav-right a.active {
        color: #0a5947
    }
    .home-page .home-nav-right .home-join-link {
        color: #fff!important
    }
}