.widget{ &.widget_shopping_cart{ .buttons{ padding: 13px 0 13px; } } .product_list_widget{ padding-top:5px; .wp-post-image{ display: block; float:left; margin-right: 10px; width:72px; } .star-rating{ float: none; display: block; margin: 0; } .product-title{ overflow: hidden; } .quantity { display: block; .amount{ display: inline-block; } } .amount, del, ins{ display: block; } li{ position: relative; min-height: 72px; overflow: hidden; &.empty{ min-height: 0; padding: 0; } .product-title{ display: block; } a{ margin: 0; } } } &.widget_product_search{ .woocommerce-product-search{ position: relative; &:before{ display: inline-block; font: normal normal normal 30px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f002"; position: absolute; top: 17px; right: 18px; color: $brandColor; z-index: -1; } } .search-field{ border: 1px solid rgba(17, 17, 17, 0.15); width: 100%; padding: 20px 24px; height: 67px; } input[type="submit"]{ position: absolute; top: 0; right: 0; padding: 10px 18px; text-indent:-1000px; overflow:hidden; width:68px; height: 67px; &, &:hover, &:focus{ background: transparent; } } } } .widget { .product-categories{ .children{ margin: 10px 0 0 10px; } } } .woocommerce .widget_price_filter .price_slider { margin-bottom: 72px; } .woocommerce .widget_price_filter .ui-slider { position: relative; text-align: left; margin-left: .5em; margin-right: .5em; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: .5em; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: $grey; border: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border-radius: 1em; background-color: $brandColor; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; background-color: $brandColor; border-radius: 1em; cursor: ew-resize; outline: 0; top: -.3em; margin-left: -.5em; } .woocommerce .widget_price_filter .price_label{ position: absolute; top: -50px; } .price_slider_amount{ position: relative; } @media (max-width: 1229px){ .widget{ &.widget_shopping_cart{ .buttons{ padding: 0; .button{ display: block; margin-bottom: 15px; } } } } }