#{$prefix}-top-wrapper {
    background: $color-black;
    padding: 15px 0;
    z-index: 999 !important;
    width: 100%;
    transition: all .3s;

    #{$prefix}-top-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    nav,
    #primary-menu {
        > ul {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            position: relative;
            margin: 0;
            padding: 0;
            > li {
                margin-right: 30px;
                position: relative;
                padding: 15px 0;

                a {
                    color: $color-white;
                    transition: all .3s;
                    &:hover {
                        color: $color-primary;
                        text-decoration: none;
                    }
                }
            }
        }
    }
}


#{$prefix}-social-menu-wrapper {
    max-width: 20%;
    flex: 0 0 20%;

    @include media(mb) {
        max-width: 65%;
        flex: 0 0 65%;
        order: 2;
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

div#sticky-wrapper.is-sticky {
    .evawp-top-wrapper {
        padding: 5px 0;
    }
}

.layout-box{
    #{$prefix}-top-wrapper {
        transition: none;
    }
}