/* Only Top Nav's Services parent is styled. Astra owns the submenu layout. */
header.site-header .ast-builder-menu-1 .menu-item-725 > .spots-services-trigger {
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    gap: .6em;
    border: 0;
    background: transparent;
    text-align: left;
    max-width: 100%;
    cursor: pointer;
}
header.site-header .ast-builder-menu-1 .menu-item-725 > .spots-services-trigger:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
header.site-header .ast-builder-menu-1 .menu-item-725 .spots-services-chevron {
    width: .42em;
    height: .42em;
    border: solid currentColor;
    border-width: 0 1.5px 1.5px 0;
    transform: translateY(-.12em) rotate(45deg);
    flex: none;
}
header.site-header .ast-builder-menu-1 .menu-item-725.spots-services-open .spots-services-chevron {
    transform: translateY(.1em) rotate(225deg);
}
header.site-header .ast-builder-menu-1 .menu-item-725.spots-services-closed > .sub-menu {
    display: none !important;
    visibility: hidden !important;
}
header.site-header .ast-builder-menu-1 .menu-item-725.spots-services-open > .sub-menu {
    visibility: visible;
    opacity: 1;
}
body.ast-header-break-point header.site-header .ast-builder-menu-1 .menu-item-725 > .spots-services-trigger {
    width: 100%;
    justify-content: space-between;
}

/* Keep the desktop Services dropdown white, with readable child links in every state. */
body:not(.ast-header-break-point) header.site-header .ast-builder-menu-1 .menu-item-725 > .sub-menu > .menu-item > .menu-link,
body:not(.ast-header-break-point) header.site-header .ast-builder-menu-1 .menu-item-725 > .sub-menu > .menu-item > .menu-link:is(:hover, :focus-visible),
body:not(.ast-header-break-point) header.site-header .ast-builder-menu-1 .menu-item-725 > .sub-menu > .menu-item:is(.current-menu-item, .current_page_item) > .menu-link {
    color: #021F2B;
}

/* Astra's active mobile dropdown uses a light panel, menu, and submenu. */
body.ast-header-break-point header.site-header .ast-mobile-header-wrap .ast-mobile-header-content,
body.ast-header-break-point header.site-header .ast-mobile-header-content .ast-builder-menu-1 .main-header-menu,
body.ast-header-break-point header.site-header .ast-mobile-header-content .ast-builder-menu-1 .menu-item-725 > .sub-menu {
    background-color: #021F2B;
}
