/** CSS for list grid in category page **/
.tax-product_cat .template-shop .product-sorting {padding-left: 80px;}
ul.grid-wrapper {
    list-style: none; margin: 6px 0 0;
    position: absolute; left: 0; z-index: 99999;
}
body.post-type-archive ul.grid-wrapper {margin: 0 0 30px; position: relative; left: auto; }
ul.grid-wrapper li {
    margin: 0; padding: 0; display: inline-block; opacity: 0.4;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
ul.grid-wrapper li.active,
ul.grid-wrapper li:hover {opacity: 1;}
ul.grid-wrapper li a {width: 23px; height: 23px; margin-right: 10px; display: inline-block; background-position: center; background-size: cover;}
ul.grid-wrapper li.grid a {background-image: url("../images/list-grid-01.png")}
ul.grid-wrapper li.row a {width: 29px; background-image: url("../images/list-grid-02.png")}
ul.grid-wrapper span {display: none;}
ul.grid-wrapper li.active a {pointer-events: none; cursor: default;}