.subpage-navigation
{
    border-bottom: 1px solid var(--bchd-neutral-050);
    padding: 1rem 0;
}
@media screen and (min-width: 601px)
{
    .subpage-navigation
    {
        padding: 1.5rem 0;
    }
}
@media screen and (min-width: 961px)
{
    .subpage-navigation
    {
        border-bottom: 0;
        padding: 2.5rem 0;
    }
}
.subpage-navigation .subpage-navigation
{
    padding: 0;
}
.subpage-navigation__list
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 1.5rem;
}
@media screen and (min-width: 961px)
{
    .subpage-navigation__list
    {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        display: flex;
        flex-wrap: wrap;
    }
}
.subpage-navigation__list-item
{
    margin: 0;
    padding: 0;
}
.subpage-navigation__list-item+.subpage-navigation__list-item
{
    margin-top: 1rem;
}
@media screen and (min-width: 961px)
{
    .subpage-navigation__list-item+.subpage-navigation__list-item
    {
        margin-top: 0;
    }
}
.subpage-navigation__list-item-link
{
    color: var(--bchd-blue-500);
    display: inline-block;
    font-family: var(--wp--preset--font-family--sans-serif);
    font-size: 1rem;
    font-style: normal;
    line-height: 1.5;
    padding: .5rem 0 .75rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: var(--animation-default);
}
.subpage-navigation__list-item-link:before
{
    background-color: var(--bchd-blue-025);
    bottom: 7px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transition: var(--animation-default);
    width: 100%;
}
.subpage-navigation__list-item-link:hover
{
    color: var(--bchd-neutral-900);
}
.subpage-navigation__list-item-link:hover:before
{
    background-color: var(--bchd-brand-yellow);
}
.subpage-navigation__list-item--is-active .subpage-navigation__list-item-link
{
    color: var(--bchd-blue-700);
    font-weight: var(--wp--custom--font-weight--extra-bold);
}
.subpage-navigation__list-item--is-active .subpage-navigation__list-item-link:before
{
    background-color: var(--bchd-blue-700);
}
.subpage-navigation__list-item--is-active .subpage-navigation__list-item-link:hover
{
    cursor: default;
}
.subpage-navigation__trigger-button
{
    align-items: center;
    background-color: transparent;
    border: none;
    display: flex;
    gap: 1rem;
    gap: var(--button-gap);
    justify-content: center;
    margin: 0;
    padding: 0;
}
.subpage-navigation__trigger-button:after
{
    background-color: var(--bchd-teal-700);
    content: "";
    display: block;
    flex-shrink: 0;
    height: var(--button-icon-size-md);
    height: 2.5rem;
    -webkit-mask-image: url(../image/caret-down-circle.svg);
    mask-image: url(../image/caret-down-circle.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: var(--animation-default);
    width: var(--button-icon-size-md);
    width: 2.5rem;
}
.subpage-navigation--open .subpage-navigation__trigger-button:after
{
    transform: rotate(180deg);
}
@media screen and (min-width: 961px)
{
    .subpage-navigation__trigger-button:after
    {
        display: none;
    }
}
.subpage-navigation__trigger-button:hover
{
    cursor: pointer;
}
@media screen and (min-width: 961px)
{
    .subpage-navigation__trigger-button
    {
        display: none;
    }
}
.subpage-navigation__title
{
    font-family: var(--wp--preset--font-family--sans-serif);
    font-size: var(--font-size-heading-5);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-heading-5);
    margin: 0;
}
.subpage-navigation__title.subpage-navigation__title--desktop-up
{
    display: none;
}
@media screen and (min-width: 961px)
{
    .subpage-navigation__title.subpage-navigation__title--desktop-up
    {
        display: block;
    }
}
.subpage-navigation__panel
{
    height: 0;
    overflow: hidden;
}
@media screen and (min-width: 961px)
{
    .subpage-navigation__panel
    {
        height: auto;
        overflow: visible;
    }
}
.subpage-navigation--open .subpage-navigation__panel
{
    height: auto;
}