/*======================= WOOCOMMERCE DESIGN =======================*/ .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { background: #f5f5f5; padding: 21px 20px; min-width: 50%; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; font-size: 18px; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { min-width: 50%; text-align: right; background: #f5f5f5; padding: 10px 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; } .woocommerce .woocommerce-ordering select { height: 50px; padding: 0 10px; font-size: 18px; background: none; } .woocommerce .products ul li, .woocommerce ul.products li { text-align: center; } .woocommerce span.onsale { background: rgba(10, 163, 243, 0.75); letter-spacing: 1px; text-transform: uppercase; font-size: 0.6em; padding: 0.6em; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 0.8em; color: #4a4a4a; padding-top: 0; } .woocommerce ul.products li.product .price { font-size: 0.75em; color: #0aa3f3; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: #0aa3f3; border: 1px solid #0aa3f3; font-size: 0.6em; text-transform: uppercase; color: #fff; font-family: 'Montserrat'; font-weight: 600; padding: 1.2em 1.9em; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: transparent; background-image: none; color: #0aa3f3; } .woocommerce ul.products li.product .star-rating { margin-left: auto; margin-right: auto; color: coral; } .woocommerce nav.woocommerce-pagination { text-align: left; } .woocommerce nav.woocommerce-pagination ul { border: none; margin: 0; } .woocommerce nav.woocommerce-pagination ul li { border-right: none; padding-right: 10px; text-align: center; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { width: 40px; height: 40px; padding: 0; line-height: 38px; border-radius: 100%; border: 1px solid #ddd; font-size: 0.9em; color: #4a4a4a; } .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next { line-height: 35px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { border-color: #0aa3f3; background: #0aa3f3; color: #fff; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { left: 0; right: 0; top: 30%; color: #000; font-size: 20px; } .woocommerce a.added_to_cart { font-weight: 600; font-size: 0.8em; letter-spacing: 1px; } .woocommerce a.added_to_cart:hover { text-decoration: underline !important; } .single-product .entry-summary { margin-top: 0; } .single-product.woocommerce div.product .product_title { font-size: 1.2em; } .woocommerce div.product .entry-summary p.price, .woocommerce div.product .entry-summary span.price { color: #0aa3f3; font-weight: 600; font-size: 1em; font-family: 'Montserrat'; margin-bottom: 1em; } .single-product.woocommerce div.product form.cart { margin-top: 1.5em; } .woocommerce .quantity .qty { padding: 7px 15px; text-align: left; margin-right: 10px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #0aa3f3; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: transparent; color: #0aa3f3; } .single-product .product_meta > span { font-weight: 600; font-size: 0.8em; text-transform: uppercase; display: block; margin-bottom: 5px; } .single-product .product_meta > span span, .single-product .product_meta > span a { font-weight: 400; text-transform: none; margin-left: 10px; } .single-product .product_meta > span a:hover { text-decoration: underline; } .single-product .entry-summary + .woocommerce-tabs { padding-top: 30px; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { font-size: 0.8em; } .woocommerce-Tabs-panel h2, .single-product .related h2 { font-size: 1.1em; font-family: 'Montserrat'; } .single-product .related { border-top: 1px solid #d8d8d8; padding-top: 40px; } .single-product .related h2 { margin-bottom: 30px; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { margin-bottom: 10px; display: inline-block; } .woocommerce div.product form.cart .variations td.label { min-width: 30%; } .woocommerce div.product form.cart .variations label { font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; } .woocommerce div.product form.cart .variations select { height: 40px; font-size: 0.8em; font-weight: 400; width: 100%; } .woocommerce div.product form.cart .reset_variations { font-weight: 600; text-transform: uppercase; font-size: 12px; font-family: 'Montserrat'; letter-spacing: 0.8px; } .woocommerce div.product form.cart .reset_variations:hover { text-decoration: underline; } .woocommerce table.shop_attributes th { text-align: left; font-size: 0.8em; } .woocommerce table.shop_attributes td { font-weight: 400; font-size: 0.8em; } .woocommerce-message { border-top-color: #0aa3f3; } .woocommerce-message::before { color: #0aa3f3; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 200px; padding: 0.45em 0.9em; margin-right: 10px; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { padding: 1.2em 1.9em; color: #fff; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { background: #0aa3f3; color: #fff; } .woocommerce-cart #primary .post .entry-content table tbody td, .woocommerce-cart #primary .page .entry-content table tbody td, .woocommerce-checkout #primary .page .entry-content table thead th { padding: 0.5em 1em; } .woocommerce-cart #primary .post .entry-content h2, .woocommerce-cart #primary .page .entry-content h2, .woocommerce-checkout #primary .entry-content .woocommerce-billing-fields h3, .woocommerce-checkout #primary .entry-content #order_review_heading { font-size: 1.2em; margin-bottom: 20px; } .woocommerce-checkout #primary .entry-content #order_review_heading { margin-top: 50px; } .woocommerce-cart form.woocommerce-shipping-calculator p { margin-bottom: 0; } .woocommerce .wc-proceed-to-checkout a.button { font-size: 0.8em; } .woocommerce-checkout .woocommerce form .form-row label { font-weight: 600; font-size: 0.8em; margin-bottom: 5px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { font-size: 0.8em; font-weight: 400; } .select2-container .select2-selection--single { height: auto; padding: 15px 20px; border-color: #d8d8d8; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-checkout #primary .entry-content .woocommerce-shipping-fields h3 { font-size: 0.8em; font-weight: 500; } .woocommerce-checkout #primary .entry-content .woocommerce-shipping-fields h3 input[type="checkbox"] { vertical-align: middle; margin-right: 5px; } .woocommerce-checkout #primary .page .entry-content ul>li { margin-bottom: 0; padding: 20px 30px; } .woocommerce-account .woocommerce-MyAccount-navigation { border: 1px solid #d8d8d8; border-radius: 5px; overflow: hidden; } .woocommerce-account #primary .woocommerce-MyAccount-navigation ul { margin-bottom: 0; } .woocommerce-account #primary .woocommerce-MyAccount-navigation ul li { margin-bottom: 0; } .woocommerce-account #primary .woocommerce-MyAccount-navigation ul li:before { display: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: inline-block; padding: 15px 20px; border-bottom: 1px solid #d8d8d8; width: 100%; color: #4a4a4a; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a { border-bottom: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background: #f5f5f5; color: #0aa3f3; } .woocommerce-account .woocommerce-MyAccount-content { padding-left: 30px; } .woocommerce-account .woocommerce-MyAccount-content a:hover { text-decoration: underline; } .woocommerce-account #primary .woocommerce-Address h3 { font-size: 0.9em; } .woocommerce-account .addresses .title .edit { font-size: 14px; font-weight: 600; } .woocommerce-account .woocommerce button.woocommerce-Button.button { margin-top: 30px; } .widget_products.woocommerce ul.product_list_widget li, .widget_top_rated_products.woocommerce ul.product_list_widget li, .widget_recent_reviews.woocommerce ul.product_list_widget li, .widget_recently_viewed_products.woocommerce ul.product_list_widget li, .woocommerce .widget_rating_filter ul li { padding-bottom: 15px; border-bottom: 1px solid #d8d8d8; margin-bottom: 15px; } .widget_products.woocommerce ul.product_list_widget li:last-child, .widget_top_rated_products.woocommerce ul.product_list_widget li:last-child, .widget_recent_reviews.woocommerce ul.product_list_widget li:last-child, .widget_recently_viewed_products.woocommerce ul.product_list_widget li:last-child, .woocommerce .widget_rating_filter ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget_products.woocommerce ul.product_list_widget li span.woocommerce-Price-amount, .widget_top_rated_products.woocommerce ul.product_list_widget li span.woocommerce-Price-amount, .widget_recently_viewed_products.woocommerce ul.product_list_widget li span.woocommerce-Price-amount { font-size: 0.9em; color: #0aa3f3; font-weight: 400; margin-top: 5px; display: inline-block; } .widget_products.woocommerce ul.product_list_widget li img, .widget_top_rated_products.woocommerce ul.product_list_widget li img, .widget_recent_reviews.woocommerce ul.product_list_widget li img, .widget_recently_viewed_products.woocommerce ul.product_list_widget li img { width: 80px; } .widget_products.woocommerce ul.product_list_widget li .star-rating, .widget_top_rated_products.woocommerce ul.product_list_widget li .star-rating, .widget_recent_reviews.woocommerce ul.product_list_widget li .star-rating, .widget_recently_viewed_products.woocommerce ul.product_list_widget li .star-rating { color: #0aa3f3; margin-top: 10px; font-size: 0.8em; font-weight: 400; } .widget_recent_reviews.woocommerce ul.product_list_widget li span.reviewer { font-size: 0.8em; text-transform: uppercase; letter-spacing: 0; margin-top: 5px; display: block; font-style: italic; } .woocommerce .widget_rating_filter ul li a { color: #0aa3f3; font-weight: 400; } .woocommerce .widget_price_filter .price_slider_amount { text-align: left; } .woocommerce .widget_price_filter .price_slider_amount input[type="text"] { display: inline-block; width: 48%; vertical-align: middle; margin-right: 3%; } .woocommerce .widget_price_filter .price_slider_amount input[type="text"] + input[type="text"] { margin-right: 0; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 0.8em; padding: 1em 1.9em; margin-top: 20px; } .widget_product_search .woocommerce-product-search:before, .widget_product_search .woocommerce-product-search:after { content: ""; display: table; width: 0; height: 0; } .widget_product_search .woocommerce-product-search:after { clear: both; } .widget_product_search .woocommerce-product-search { margin-top: 15px; width: 100%; border: 1px solid #d8d8d8; border-radius: 5px; } .widget_product_search .woocommerce-product-search input[type="search"] { border: 0; margin: 0; background: none; float: left; font-size: 0.9em; height: 60px; width: calc(100% - 50px); } .widget_product_search .woocommerce-product-search button[type="submit"] { float: right; font-size: 0; border: 0; border-radius: 0 5px 5px 0; padding: 0; background-image: url(../../images/bg-search.png); background-repeat: no-repeat; background-position: center; width: 50px; height: 60px; overflow: hidden; } .widget_product_search .woocommerce-product-search button[type="submit"]:hover { background-color: #f5f5f5; }