/*========================= WIDGET CART =========================*/ .woocommerce .widget_shopping_cart .total { border-top: 0; padding-top: 0; padding-bottom: 10px; } .woocommerce.widget_shopping_cart { ul.product_list_widget { li{ padding: 0 0 15px 30px; border-bottom: 1px solid #e5e5e5; margin: 0 0 15px; position: relative; a.remove { font-family: $primary_font; position: absolute; top: 5px; left: 0; font-size: 0; width: 20px; height: 20px; &:hover, &:focus { background: none; opacity: 0.70; filter: alpha(opacity=70); } &:after{ position: absolute; top: 0; left: 0; content: '\f057'; font-family: 'FontAwesome'; color: #e2401c; font-size: 20px; } }//.remove img{ width: 70px; border-radius: 3px; float: right; margin-right: 0; margin-left: 4px; }//img }//li }//ul.product_list_widget .total{ border-top: 0; padding-top: 0; padding-bottom: 10px; font-size: 14px; border-bottom: 1px solid #e5e5e5; text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: $black_color; display: flex; flex: 1; flex-wrap: wrap; strong{ font-weight: 700; color: $black_color; display: flex; flex: auto; min-width: auto; }//strong }//.total .buttons { display: flex; flex: 1; flex-wrap: wrap; margin-bottom: 0; .button { display: flex; flex: 1; text-align: center; justify-content: center; flex-direction: column; background: $primary_color; color: $black_color; text-align: center; font-size: 0.8em; font-weight: 700; letter-spacing: 1px; border-radius: 0; text-transform: uppercase; padding: 15px 20px; position: relative; @include transition(all ease 0.35s); &:hover, &:focus { background: $secondary_color; color: $white_color; } + .button { margin-right: 0; background: $secondary_color; color: $white_color; &:hover, &:focus { background: $primary_color; color: $black_color; } }//+ .button }//.button }//.buttons }//.widget_shopping_cart /*============================= WIDGET PRODUCT SEARCH =============================*/ .widget_product_search { .woocommerce-product-search { border-bottom: 2px solid rgba($black_color, 0.3); display: flex; flex: 1; flex-wrap: wrap; .search-field { border: none; padding-left: 0; height: 40px; width: calc(100% - 30px); font-size: 0.8em; font-weight: 400; }//.search-field button[type="submit"] { width: 30px; height: 40px; background-color: transparent; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center right; background-size: 18px; padding: 0; text-indent: 50px; overflow: hidden; &:hover { background-image: url('data:image/svg+xml; utf-8, '); } }//button[type="submit"] }//.woocommerce-product-search }//.widget_product_search /*============================ WIDGET LAYERED NAV ============================*/ .woocommerce-widget-layered-nav { select.woocommerce-widget-layered-nav-dropdown { padding: 10px; height: auto; }//.woocommerce-widget-layered-nav-dropdown }//.woocommerce-widget-layered-nav /*============================== WIDGET PRICE FILTER ==============================*/ .widget_price_filter { .price_slider_wrapper { .ui-widget-content { height: 5px; background: rgba($black_color, 0.5); margin-left: 0; margin-right: 0; border-radius: 0; margin-bottom: 25px; }//.ui-widget-content }//.price_slider_wrapper .ui-slider { .ui-slider-handle { background: $white_color; border: 0; width: 20px; height: 20px; top: -8px; border-radius: 50%; box-shadow: 0 1px 10px rgba($black_color, 0.1); }//.ui-slider-handle .ui-slider-range{ background: $primary_color; }//.ui-slider-range }//.ui-slider .price_slider_amount { .button{ font-size: 0.8em; font-weight: 700; letter-spacing: 1px; color: $black_color; background: $primary_color; border-radius: 0; text-transform: uppercase; padding: 15px 30px; position: relative; @include transition(all ease 0.35s); &:hover, &:focus{ color: $white_color; background: $secondary_color; } }//.button .price_label{ font-size: 0.8em; color: #999; float: right; margin-top: 7px; }//.price_label }//.price_slider_amount form { input[type="text"] { display: inline-block; width: calc(50% - 13px); margin: 0 5px 20px 5px; + .button { margin-left: 5px; } }//input[type="text"] }//form }//.widget_price_filter /*============================= WIDGET PRODUCT CATEGORY =============================*/ .widget_product_categories { ul.product-categories { li { a { display: inline-block; position: relative; padding-left: 25px; text-decoration: none; &::before { content: ""; border: 1px solid rgba($black_color, 0.5); width: 15px; height: 15px; position: absolute; left: 0; top: 5px; border-radius: 100%; } &:hover { color: $black_color; &::before { background: rgba($black_color, 0.6); } }//&:hover }//a &.current-cat { > a { font-weight: 600; color: $black_color; &::before { background: rgba($black_color, 0.6); } }//a }//&.current-cat }//li }//ul.product-categories }//.widget_product_categories /*============================ WIDGET PRODUCTS ============================*/ .widget_products, .widget_recent_reviews, .widget_top_rated_products { ul.product_list_widget { li { padding: 0 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid rgba($black_color, 0.1); font-size: 1em; &:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } img { float: left; width: 70px; border-radius: 3px; margin-left: 0; margin-right: 15px; } .product-title { display: inline-block; margin-bottom: 5px; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }//.product-title del { opacity: 0.5; filter: alpha(opacity=50); }//del ins { background: none; margin-left: 5px; }//ins .woocommerce-Price-amount { font-size: 0.7em; color: rgba($black_color, 0.5); }//.woocommerce-Price-amount .star-rating { margin-bottom: 5px; font-size: 0.6em; color: #FFB001; }//.star-rating .reviewer { display: block; font-size: 0.7em; line-height: 1.5; margin-top: 7px; color: rgba($black_color, 0.5); }//.reviewer }//li }//ul.product_list_widget }//.widget_products