/*------------------------------------------------------------ WooCommerce styles ============================================================*/ .woocommerce ul.products li.product .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt, .woocommerce input.button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 1px; cursor: pointer; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; display: inline-block; padding: .5rem 1rem; font-size: 1rem; transition: background-color .3s ease-out; font-weight: 400; &:hover, &:focus { border-bottom: none; } } .woocommerce ul.products li.product .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt, .woocommerce input.button { background-color: $primaryColor; border-color: $primaryColor; color: $whiteColor; &:hover, &:focus { color: $whiteColor; border-color: $secondaryColor; background-color: $secondaryColor; } } .woocommerce .quantity input[type="number"] { border-color: $primaryColor; height: 36px; } .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top: none; border-left: none; border-right: none; border-color: $primaryColor; &:before { color: $primaryColor; } } .woocommerce nav.woocommerce-pagination ul li a:hover { border-bottom: none; } .woocommerce-cart table.cart td.actions .coupon .input-text { height: 34px; } /*------------------------------------------------------------ Widget Shopping Cart ============================================================*/ .widget_shopping_cart { &.woocommerce { .total { border-top: none; } } .mini_cart_item { a.remove:hover { } a:hover { border-bottom: none; &.remove { color: inherit !important; background: #ffffff; } } } .buttons { text-align: center; } } /*------------------------------------------------------------ Widget Filter ============================================================*/ .widget_price_filter.woocommerce { .ui-slider { .ui-slider-range, .ui-slider-handle { background-color: $primaryColor; } } .price_slider_wrapper .ui-widget-content { background-color: $secondaryColor; } } /*------------------------------------------------------------ Product Tabs ============================================================*/ .wc-tabs { &.tabs { border: none; a:hover { border-bottom: none; } } }