#secondary-navigation {
    display: inline-flex;
}

#secondary-menu {
    display: flex;
    align-items: center;

    @media(width < 1400px) {
        flex-direction: column;
        align-items: flex-start;
    }

    li {
        margin: 0 12px;

        @media(width < 1400px) {
            margin: 0;
        }

        &:last-child {
            margin-right: 0;
        }

        a {
            transition: all 0.3s ease;
            font-size: .8125rem;
            font-weight: var(--wp--custom--font-weight--medium);

            &:hover {
                text-decoration: none;
                color: var(--wp--preset--color--primary);
            }

            @media(width < 1400px) {
                display: block;
                padding: calc(25px / 2) 30px;
            }

            @media(width < 768px) {
                font-size: 1.125rem;
            }
        }

        &.menu-item-has-children {
            position: relative;

            >.has-children-wrapper a {
                &:after {
                    content: '\f107';
                    display: inline-flex;
                    transform-origin: center;
                    transition: all 200ms ease-in-out;
                    font-family: 'icons';
                    font-size: 8px;
                    margin-left: 8px;
                    font-weight: normal;
                    line-height: normal;
                    justify-content: center;
                    align-items: center;
                    z-index: 1;
                    font-size: .875rem;

                    @media(width < 1400px) {
                        width: 40px;
                        height: 40px;
                    }
                }
            }

            .go-child {
                display: none;
            }

            &:hover {
                >.has-children-wrapper a {
                    color: var(--wp--preset--color--primary);

                    &:after {
                        transform: rotate(180deg);
                        color: var(--wp--preset--color--primary);
                    }
                }

                >.sub-menu {
                    opacity: 1;
                    visibility: visible;
                }
            }
        }

        /* 2eme niveau */
        >.sub-menu {
            width: 200px;
            list-style: none;
            padding: 10px 0;
            position: absolute;
            opacity: 0;
            visibility: hidden;
            transition: all 200ms ease-in;
            z-index: 1;
            left: 50%;
            transform: translateX(-50%);
            background-color: #fff;
            box-shadow: 0px 10px 30px 0px #0000001F;
            text-align: left;

            @media(width < 1400px) {
                left: 0;
                transform: none;
                width: 100%;
            }

            .go-parent {
                display: none;
            }
        }
    }
}