/** * Notices */ .woocommerce-store-notice, p.demo_store { background-color: #269bd1; } .woocommerce { /** * Count. */ /** * Sorting. */ /** * Sale. */ /** * Rating. */ /** * Button. */ /* Disabled button */ } .woocommerce .woocommerce-result-count { margin: 0 0 2em; } .woocommerce .tg-checkout-btn .button { border-style: solid; } .woocommerce a.button.checkout-button.alt { border-style: solid; } .woocommerce .cart .button { border-style: solid; } .woocommerce .woocommerce-ordering { margin: 0 0 2em; } .woocommerce span.onsale { background-color: #269bd1; } .woocommerce .star-rating span { color: #51585f; } .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt { border: none; color: #fff; background-color: #269bd1; border-radius: 0; } .woocommerce a.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover { color: #fff; background-color: #1e7ba6; } .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] { color: #fff; } .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover { color: #fff; background-color: #1e7ba6; } .woocommerce-page #content table.cart td.actions .input-text { width: unset; } form.woocommerce-checkout .select2-selection { min-height: 2.625em; } .woocommerce { /* Pagination */ } .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #16181a; } .woocommerce ul.products li.product .woocommerce-loop-product__title:hover { color: #269bd1; } .woocommerce ul.products li.product .price { color: #51585f; } .woocommerce ul.products li.product .button { padding: 0.7rem 1rem; border: 0 solid #269bd1; } .woocommerce ul.products li.product .add_to_cart_button.added::after, .woocommerce ul.products li.product .add_to_cart_button.loading::after { margin-left: 0.5em; display: inline-block; width: auto; height: auto; } .woocommerce ul.products li.product .add_to_cart_button.loading::after { position: static; } .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce nav.woocommerce-pagination ul li { border: 1px solid #269bd1; margin-right: 0.5em; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: #269bd1; min-width: 35px; height: 35px; line-height: 35px; text-align: center; padding: 0; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { color: #fff; background-color: #269bd1; } .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; background-color: #269bd1; } .wc-block-components-sort-select { margin-bottom: 2.5em; } .wc-block-grid__product-onsale { min-height: 3.236em; min-width: 3.236em; padding: 0.202em; font-weight: 700; position: absolute; top: 0; right: 0; left: auto; line-height: 3.236; font-size: 1.1em; border-radius: 100%; text-transform: capitalize; background: #269bd1; border: 0; color: #fff; } .wc-block-grid__products { gap: 2em; margin-right: 0; margin-left: 0; } .wc-block-grid__products a:hover { text-decoration: none; } .wc-block-grid__product .wc-block-grid__product-image { margin: 0 0 1em; } .wc-block-grid__product .wc-block-grid__product-image img { width: 100%; } .wc-block-grid__product { text-align: left; border: none; } .wc-block-grid__product .wc-block-grid__product-onsale { margin: -0.5em -0.5em 0 0; top: 0; right: 0; } .wc-block-grid__product .wc-block-grid__product-title { margin: 0; padding: 0.5em 0; font-size: 1.2em; color: #16181a; } .wc-block-grid__product .wc-block-grid__product-title:hover { color: #269bd1; } .wc-block-grid__product .wc-block-grid__product-price { font-size: 0.8em; margin-bottom: .5em; font-weight: 400; color: #51585f; } .wc-block-grid__product .wc-block-grid__product-price ins { font-weight: 700; } .wc-block-grid__product .wc-block-grid__product-add-to-cart { margin-top: 1em; margin-bottom: 0; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link { padding: 0.7rem 1rem; text-align: left; border: 0 solid #269bd1; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link:hover { color: #fff; background-color: #1e7ba6; } .wc-block-layout.wc-block-grid__product .wc-block-components-product-price { font-size: 1.1em; } .wc-block-grid.has-6-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-5-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-4-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-3-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-2-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-1-columns .wc-block-grid__products .wc-block-grid__product.product { font-size: 100%; } @media screen and (min-width: 600px) { .wc-block-grid.has-6-columns .wc-block-grid__product { flex: 1 0 13.5%; max-width: 13.5%; } .wc-block-grid.has-5-columns .wc-block-grid__product { flex: 1 0 16.95%; max-width: 16.95%; } .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 22.05%; max-width: 22.05%; } .wc-block-grid.has-3-columns .wc-block-grid__product { flex: 1 0 30.75%; max-width: 30.75%; } .wc-block-grid.has-2-columns .wc-block-grid__product { flex: 1 0 48%; max-width: 48%; } .wc-block-grid.has-1-columns .wc-block-grid__product { flex: 1 0 100%; max-width: 100%; } } @media (max-width: 768px) { .wc-block-grid .wc-block-grid__products .wc-block-grid__product { flex: 1 0 48%; max-width: 48%; } } @media (max-width: 480px) { .wc-block-grid.has-2-columns .wc-block-grid__products, .wc-block-grid.has-3-columns .wc-block-grid__products, .wc-block-grid.has-4-columns .wc-block-grid__products, .wc-block-grid.has-5-columns .wc-block-grid__products, .wc-block-grid.has-6-columns .wc-block-grid__products { display: flex; } .wc-block-grid.has-2-columns .wc-block-grid__products:last-child, .wc-block-grid.has-3-columns .wc-block-grid__products:last-child, .wc-block-grid.has-4-columns .wc-block-grid__products:last-child, .wc-block-grid.has-5-columns .wc-block-grid__products:last-child, .wc-block-grid.has-6-columns .wc-block-grid__products:last-child { margin-left: 0; } } .woocommerce { /* Single Product */ } .woocommerce div.product { /** * Tabs. */ } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #269bd1; } .woocommerce div.product #comments { border-top: none; padding-top: 0; } .woocommerce div.product form.cart .button { border: none; background-color: #269bd1; color: #fff; padding: 0.7rem 1rem; border-radius: 0; } .woocommerce div.product form.cart .button:hover { background-color: #1e7ba6; color: #fff; } .woocommerce div.product .woocommerce-tabs { /** * Review. */ } .woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 1px solid #e9ecef; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; border: none; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { border: none; box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid #269bd1; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #269bd1; outline: none; } .woocommerce div.product .woocommerce-tabs #respond input#submit { border: none; border-radius: 0; background-color: #269bd1; color: #fff; padding: 0.7rem 1rem; } .woocommerce div.product .woocommerce-tabs #respond input#submit:hover { background-color: #1e7ba6; } .woocommerce div.product form.cart div.quantity { margin-right: 10px; } .woocommerce .quantity .qty { padding: 0.45rem; } .woocommerce table.shop_attributes td { padding: 8px; } /*============================================= = WooCommerce Widgets = =============================================*/ .woocommerce { /* Filter by price */ /* Product search */ /* Widget product listing */ /* Select 2 */ /* Tag Cloud */ } .woocommerce .widget .widget-title { font-size: 1.4rem; } .woocommerce .widget_price_filter { /* Slider > handle */ /* Slider content wrapper */ /* Slider content wrapper > main static range */ /* Amount */ } .woocommerce .widget_price_filter .ui-slider { margin-left: 0; margin-right: 0; margin-bottom: 1.5em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #fff; border: 2px solid #269bd1; border-radius: 50%; top: 50%; transform: translateY(-50%); width: 1.1em; height: 1.1em; transition: all 0.1s ease; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:focus { width: 1.3em; height: 1.3em; } .woocommerce .widget_price_filter .price_slider_wrapper { margin-top: 1.5rem; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #e9ecef; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 2px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { background-color: #269bd1; } .woocommerce .widget_price_filter .price_slider_amount .button { background-color: transparent; color: #269bd1; border: 1px solid #269bd1; transition: color 0.1s ease, background-color 0.3s ease; } .woocommerce .widget_price_filter .price_slider_amount .button:hover { color: #fff; background-color: #269bd1; } .woocommerce .widget_price_filter .price_slider_amount .price_label { color: #51585f; } .woocommerce .widget_price_filter .price_slider_amount .price_label .from, .woocommerce .widget_price_filter .price_slider_amount .price_label .to { text-decoration: underline; } .woocommerce .widget_product_search .woocommerce-product-search { display: flex; } .woocommerce .widget_product_search .woocommerce-product-search button[type="submit"] { background-color: #269bd1; border-top-left-radius: 0; border-bottom-left-radius: 0; } .woocommerce .widget_product_search .woocommerce-product-search button[type="submit"]:hover { background-color: #1e7ba6; } .woocommerce ul.product_list_widget li { padding: 0.6em 0; } .woocommerce ul.product_list_widget li a { font-weight: normal; } .woocommerce ul.product_list_widget li img { width: 60px; border: 1px solid #e9ecef; padding: 0.2em; } .woocommerce .select2-container--default .select2-selection--single { border-radius: 0; border-color: #dee2e6; } .woocommerce .woocommerce .select2-container--default .select2-selection--single { height: 38px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; } .woocommerce .widget_product_tag_cloud .tagcloud { display: flex; flex-wrap: wrap; } .woocommerce .widget_product_tag_cloud .tagcloud a { font-size: 1rem !important; border: 1px solid; padding: 5px 10px; margin: 5px; }