/* ----------------- START Add Staff Button to Header ----------------- */
#cms-header {
    & #h1 {
        /* Global */
        & #explore-button {
            display: none;
        }
        
        & .dynamicLink {
            box-sizing: unset;
            margin-right: 32px;

            & .menu-field {
                display: flex;
                align-items: center;
                box-sizing: border-box;
                color: var(--nav-color);
                font-size: 18px;
                font-weight: 400;
                line-height: 25px;
                letter-spacing: 1px;
                padding: 0 5px;
                text-decoration: none;
                text-transform: uppercase;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }

        /* Desktop */
        & .explore-menu-container {
            position: relative;
            margin-right: 32px;

            @media (min-width: 1024px) {
                &::before {
                    content: "Staff";
                    display: flex;
                    align-items: center;
                    box-sizing: border-box;
                    color: var(--nav-color);
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 25px;
                    letter-spacing: 1px;
                    padding: 0 5px;
                    text-transform: uppercase;
                    white-space: nowrap;
                }

                &:has(.dynamicLink) {
                    display: flex;
                    margin-right: 0;

                    &::before {
                        display: none;
                    }
                }
            }
        }

        /* Mobile */
        & .right-right-menu {
            position: relative;
            
            @media (max-width: 1023px) {
                &::after {
                    content: "Staff";
                    display: flex;
                    align-items: center;
                    box-sizing: border-box;
                    color: var(--nav-color);
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 25px;
                    letter-spacing: 1px;
                    margin-right: 32px;
                    padding: 0 5px;
                    text-transform: uppercase;
                    white-space: nowrap;
                }

                &:has(.dynamicLink) {
                    display: flex;

                    &::after {
                        display: none;
                    }
                }

                & .dynamicLink {
                    & .menu-field {
                        font-size: 16px;
                    }
                }
            }

            @media (max-width: 959px) {
                &::after {
                    margin-left: 32px;
                }

                & .dynamicLink {
                    margin-left: 32px;
                    margin-right: 0;
                }
            }
        }

    }
}

@media (min-width: 961px) {
    #h1 .right .right-left-menu {
        align-items: center;
    }
}
/* ----------------- END Add Staff Button to Header ----------------- */