/*--
/*  4.17 - Shop CSS
/*----------------------------------------*/

// Shop Top bar 
.shop-top-bar{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 43px;

    & > *{
        @media #{$small-mobile}{
            width: 100%;
            text-align: center;
        }
    }

    & .shop-text{
        & p{
            font-size: 18px;
            font-family: $headings-font-family;
            font-weight: 500;
            color: #6c6c6c;
            text-transform: uppercase;

            & span{
                color: #ffb300;
            }
        }
    }
    & .shop-tabs{
        & .nav{
            @media #{$small-mobile}{
                justify-content: center;
            }

            & li{
                padding: 0 6px;

                & button{
                    border: 0;
                    padding: 0;
                    background: none;
                    color: #9e9e9e;
                    font-size: 18px;
                    
                    &:hover,
                    &.active{
                        color: $black;                        
                    }
                }
            }
        }
    }
    & .shop-sort{
        & .title{
            white-space: nowrap;
            font-size: 18px;
            font-weight: 500;
            font-family: $headings-font-family;
            color: #6c6c6c;
        }
        & .select2-container--default .select2-selection--single{
            border-radius: 0;
            border: 0;
            display: inline-block;
            float: none;
            font-family: $headings-font-family;
            font-size: 18px;
            font-weight: 500;
            height: 28px;
            line-height: 26px;
            outline: none;
            padding-left: 0;
            color: $black;
            
            &::after{
                display: none;
            }

            & .current{}
            
        }
    }
}


// Shop Product Wrapper
.shop-product-wrapper{}









