File manager - Edit - C:/inetpub/vhosts/alsawaripharma.com/icte-dubai.com/wp-content/themes/blossom-coach/css/build/woocommerce.css
Back
/*========================================= Shop Listing Page style ========================================*/ .woocommerce ul.products.columns-7 li.product, .woocommerce-page ul.products.columns-7 li.product { width: 11%; float: none !important; margin-right: 3.8%; display: inline-block; vertical-align: top; } .woocommerce ul.products.columns-8 li.product, .woocommerce-page ul.products.columns-8 li.product { width: 9%; float: none !important; margin-right: 3.8%; display: inline-block; vertical-align: top; } .woocommerce ul.products.columns-9 li.product, .woocommerce-page ul.products.columns-9 li.product { width: 7.66%; float: none !important; margin-right: 3.8%; display: inline-block; vertical-align: top; } .woocommerce ul.products.columns-10 li.product, .woocommerce-page ul.products.columns-10 li.product { width: 6.5%; float: none !important; margin-right: 3.8%; display: inline-block; vertical-align: top; } .woocommerce-store-notice, p.demo_store { padding: 5px; font-size: 0.85em; background-color: #e75387; } .woocommerce.grid-view .site-main { margin-left: 0; margin-right: 0; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ margin-bottom: 40px; line-height: 50px; color: #999; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select{ font-size: 0.8888em; line-height: 1.785em; text-align: left; padding: 10px 30px 10px 10px; border-radius: 5px; border: 1px solid #ddd; height: 50px; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>'); background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ position: relative; } .woocommerce .products ul:before, .woocommerce ul.products:before, .woocommerce .products ul:after, .woocommerce ul.products:after{display: none;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ text-align: center; } .woocommerce ul.products li.product a:focus{ outline: thin solid; } .woocommerce ul.products li.product .onsale, .single-product .product .onsale{ width: auto; height: 30px; line-height: 30px; font-weight: 700; background: #e75387; font-size: 14px; text-transform: uppercase; color: #fff; left: 0; top: 0; border-radius: 0; display: inline-block; margin: 0 10px 0 0; right: auto; padding: 0 10px; min-height: auto; } .woocommerce ul.products li.product .onsale::before, .single-product .product .onsale::before, .woocommerce ul.products li.product .onsale::after, .single-product .product .onsale::after { content: ""; border-top: 15px solid #e75387; border-right: 10px solid transparent; position: absolute; top: 0; right: -10px; } .woocommerce ul.products li.product .onsale::after, .single-product .product .onsale::after { border-top: none; border-bottom: 15px solid #e75387; top: auto; bottom: 0; } .woocommerce .star-rating:before{color: #ffc733;} .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ padding: 0; color: #111; font-weight: 700; font-size: 1.112em; line-height: 1.285em; margin: 0 0 8px; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{ color: #ababab; font-size: 1.112em; line-height: 1.5em; font-weight: 500; } .woocommerce ul.products li.product .price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ display: inline-block; vertical-align: middle; font-weight: 500; opacity: 1; margin: 0 10px; } .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { color: #88ced0; } .woocommerce ul.products li.product .button{margin-top: 0;} .woocommerce .button.yith-wcqv-button { font-size: 14px; letter-spacing: 1px; padding: 15px 25px; } .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .ajax_add_to_cart, .woocommerce ul.products li.product .product_type_external, .woocommerce ul.products li.product .product_type_grouped, .woocommerce ul.products li.product .product_type_variable{ background: #e75387; color: #fff; text-transform: capitalize; padding: 15px 10px; min-width: calc(100% - 20px); font-weight: 700; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -150%); -moz-transform: translate(-50%, -150%); transform: translate(-50%, -150%); -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; opacity: 0; max-width: 95%; } .woocommerce ul.products li.product .added_to_cart, .woocommerce .button.yith-wcqv-button{ background: #e75387; color: #fff; text-transform: capitalize; padding: 10px 20px; border-radius: 5px; font-weight: 600; line-height: 1.7; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; position: relative; } .woocommerce ul.products li.product .added_to_cart { margin-right: 1%; } .woocommerce ul.products li.product .added_to_cart:hover, .woocommerce ul.products li.product .added_to_cart:focus, .woocommerce .button.yith-wcqv-button:hover, .woocommerce .button.yith-wcqv-button:focus{ background: #88ced0; color: #fff; box-shadow: none; } .woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce ul.products li.product .add_to_cart_button:focus, .woocommerce ul.products li.product .product_type_external:hover, .woocommerce ul.products li.product .product_type_external:focus, .woocommerce ul.products li.product .ajax_add_to_cart:hover, .woocommerce ul.products li.product .ajax_add_to_cart:focus, .woocommerce ul.products li.product .product_type_grouped:hover, .woocommerce ul.products li.product .product_type_grouped:focus, .woocommerce ul.products li.product .product_type_variable:hover, .woocommerce ul.products li.product .product_type_variable:focus{ background: #88ced0; color: #fff; box-shadow: none; } .woocommerce ul.products li.product .add_to_cart_button:hover:after, .woocommerce ul.products li.product .add_to_cart_button:focus:after, .woocommerce ul.products li.product .product_type_external:hover:after, .woocommerce ul.products li.product .product_type_external:focus:after, .woocommerce ul.products li.product .product_type_grouped:hover:after, .woocommerce ul.products li.product .product_type_grouped:focus:after{ opacity: 1; } .woocommerce ul.products li.product:hover .button, .woocommerce-page ul.products li.product:hover .button, .woocommerce ul.products li.product:hover .product_type_variable { opacity: 1; } .woocommerce ul.products li.product:focus-within .button, .woocommerce-page ul.products li.product:focus-within .button, .woocommerce ul.products li.product:focus-within .product_type_variable { opacity: 1; } .woocommerce ul.products li.product .star-rating{ font-size: 13px; margin: 0 auto 15px; color: #f5b223; } .woocommerce ul.products li.product .star-rating span{color: #f5b223;} .woocommerce ul.products li.product a img { border-radius: 5px; } /*============================== Pagination style ==============================*/ .woocommerce nav.woocommerce-pagination{ text-align: center; margin-top: 100px; } .woocommerce nav.woocommerce-pagination ul{ border: 0; display: block; overflow: hidden; text-align: center; white-space: normal; position: relative; width: auto; height: auto; border-radius: 0; line-height: normal; padding: 30px 40px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .woocommerce nav.woocommerce-pagination ul li a{ display: block; color: #666; padding: 0; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; border: none; width: 30px; height: 35px; line-height: 35px; border-radius: 5px; font-weight: 700; } .woocommerce nav.woocommerce-pagination ul li{ display: inline-block; vertical-align: middle; border: 0; float: none; margin: 0 3px; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.current{ display: block; color: #fff; padding: 0; border: none; background: #88ced0; border-radius: 5px; width: 30px; height: 35px; line-height: 35px; } .woocommerce nav.woocommerce-pagination ul li .next, .woocommerce nav.woocommerce-pagination ul li .prev{ font-size: 20px; text-indent: 40px; border: none; overflow: visible; width: auto; } .woocommerce nav.woocommerce-pagination ul li .next{ position: absolute; top: 22px; right: 0; } .woocommerce nav.woocommerce-pagination ul li .next::after { content: "Next"; text-transform: uppercase; position: absolute; left: -75px; top: 0; font-size: 16px; font-weight: 600; color: #88ced0; } .woocommerce nav.woocommerce-pagination ul li .prev{ left: 0; top: 22px; position: absolute; text-indent: -40px; } .woocommerce nav.woocommerce-pagination ul li .prev::after { content: "Prev"; text-transform: uppercase; position: absolute; right: -75px; top: 0; font-size: 16px; font-weight: 600; color: #88ced0; } .woocommerce nav.woocommerce-pagination ul li a.next:hover, .woocommerce nav.woocommerce-pagination ul li a.next:focus, .woocommerce nav.woocommerce-pagination ul li a.prev:hover, .woocommerce nav.woocommerce-pagination ul li a.prev:focus { border-radius: 100%; width: auto; background: none; } .woocommerce-pagination .page-numbers.prev::before, .woocommerce-pagination .page-numbers.next::before { text-indent: 0; line-height: 35px; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } /*=============================== Detail page style ================================*/ .woocommerce div.product div.summary, .woocommerce div.product div.images{margin-bottom: 4em;} .woocommerce .product .woocommerce-product-gallery .flex-viewport{margin: 0 0 10px;} .woocommerce div.product div.images .flex-control-thumbs{ display: grid; grid-template-columns: repeat(auto-fit, minmax(45px, 1fr)); grid-gap: 10px; } .woocommerce div.product div.images .flex-control-thumbs li{ width: 100%; } .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){ clear: none; } .woocommerce .entry-summary{margin-top: 0;} .woocommerce div.product .product_title{ font-size: 2em; line-height: 1.25em; color: #111; margin: 0 0 20px; font-weight: 700; position: relative; } .woocommerce div.product .entry-summary .woocommerce-product-rating{margin: 0 0 20px;} .woocommerce div.product .entry-summary .woocommerce-product-rating .star-rating{ font-size: 18px; margin-top: 5px; } .woocommerce div.product .entry-summary .woocommerce-product-rating .star-rating:before{ color: #b5b5b5; } .woocommerce div.product .entry-summary .woocommerce-product-rating .star-rating span{color: #f5b223;} .woocommerce div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link{color: #b5b5b5;} .woocommerce div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover, .woocommerce div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:focus{ text-decoration: none; color: #32b67a; } .woocommerce div.product .entry-summary .price{ font-size: 1.3em; margin: 0 0 20px; } .woocommerce div.product .entry-summary .price del{ margin-right: 5px; color: #b5b5b5; font-size: 20px; vertical-align: bottom; margin: 0; font-weight: 400; } .woocommerce div.product .entry-summary .price ins{ font-weight: 600; vertical-align: bottom; margin: 0; color: #111; font-size: 30px; font-weight: 500; color: #88ced0; } .woocommerce div.product .entry-summary .woocommerce-product-details__short-description{ font-weight: 300; } .woocommerce div.product .entry-summary .variations_form, .woocommerce div.product .entry-summary .cart{ padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .woocommerce div.product .entry-summary .variations_form table.variations tr, .woocommerce div.product .entry-summary .variations_form table.variations tr td{ display: block; padding-top: 0; } .woocommerce div.product .entry-summary .variations_form table.variations tr{ margin: 0 0 20px; background: none; } .woocommerce div.product .entry-summary .variations_form table.variations tr td.label { padding-bottom: 0; } .woocommerce div.product .entry-summary .variations_form table.variations tr td label{ font-size: 16px; display: block; margin: 0; font-weight: 600; letter-spacing: 1px; } .woocommerce div.product .entry-summary .variations_form table.variations tr td select{ height: 50px; color: #b5b5b5; font-size: 1em; padding: 0 10px; font-weight: 300; border-radius: 5px; position: relative; width: auto; } .woocommerce div.product .entry-summary .variations_form table.variations tr td .reset_variations{ color: #b5b5b5; } .woocommerce div.product .entry-summary .variations_form table.variations tr td .reset_variations:before{ content: '\f021'; font-size: 16px; color: #666; margin-right: 5px; font-family: 'FontAwesome'; } .woocommerce div.product .entry-summary .variations_form table.variations tr td .reset_variations:hover, .woocommerce div.product .entry-summary .variations_form table.variations tr td .reset_variations:focus{ text-decoration: none; } .woocommerce div.product .entry-summary .variations_form .single_variation_wrap .quantity{ display: inline-block; width: 74px; position: relative; margin-right: 20px; } .woocommerce div.product .entry-summary .variations_form .single_variation_wrap .quantity input[type="number"]{ height: 50px; border: 1px solid #e5e5e5; width: 100%; font-size: 30px; line-height: 1em; color: #111; border-radius: 5px; padding-right: 0; } .woocommerce div.product .entry-summary .variations_form .single_variation_wrap .button{ display: inline-block; vertical-align: top; float: none; font-family: nunito; font-size: 18px; font-weight: 700; background: #e75387; color: #fff; border-radius: 5px; text-transform: none; padding: 15px 30px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .woocommerce div.product .entry-summary .variations_form .single_variation_wrap .button:hover, .woocommerce div.product .entry-summary .variations_form .single_variation_wrap .button:focus{ opacity: 1; background: #88ced0; color: #fff; } .woocommerce div.product .entry-summary .product_meta{ font-size: 16px; color: #b5b5b5; font-weight: 300; } .woocommerce div.product .entry-summary .product_meta .sku_wrapper, .woocommerce div.product .entry-summary .product_meta .posted_in{ display: block; } .woocommerce div.product .entry-summary .product_meta .posted_in a, .woocommerce div.product .entry-summary .product_meta .tagged_as a{ color: #666; } .woocommerce div.product .entry-summary .product_meta .posted_in a:hover, .woocommerce div.product .entry-summary .product_meta .posted_in a:focus, .woocommerce div.product .entry-summary .product_meta .tagged_as a:hover, .woocommerce div.product .entry-summary .product_meta .tagged_as a:focus{ text-decoration: none; color: #88ced0; } .woocommerce div.product form.cart div.quantity{ margin-bottom: 0; margin-right: 10px; } .woocommerce .quantity .qty{ width: 4.631em; } .woocommerce .woocommerce-cart-form table .quantity .qty{ width: 100px; height: auto; font-size: 30px; padding-right: 0; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background: #e75387; font-size: 1em; padding: 20px 30px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus{ background: #88ced0; color: #fff; } .woocommerce div.product form.cart .single_add_to_cart_button, .woocommerce div.product .cart .single_add_to_cart_button.alt{ display: inline-block; vertical-align: top; float: none; font-family: nunito; font-size: 18px; font-weight: 700; background: #e75387; color: #fff; border-radius: 5px; text-transform: none; padding: 15px 30px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .woocommerce div.product form.cart .single_add_to_cart_button:hover, .woocommerce div.product form.cart .single_add_to_cart_button:focus, .woocommerce div.product .cart .single_add_to_cart_button.alt:hover, .woocommerce div.product .cart .single_add_to_cart_button.alt:focus{ background: #88ced0; opacity: 1; color: #fff; } /*======================= Tab style =======================*/ .woocommerce div.product .woocommerce-tabs{ margin-top: 40px; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom-color: #e5e5e5; } .woocommerce div.product .woocommerce-tabs ul.tabs{ font-size: 18px; margin: 0; text-align: center; font-weight: 300; letter-spacing: 1px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ font-weight: 400; text-transform: none; padding: 10px 30px; color: #666; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ margin: 0; background: none; padding: 0; border: 1px solid #e5e5e5; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{display: none;} .woocommerce div.product .woocommerce-tabs ul.tabs li{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .woocommerce div.product .woocommerce-tabs .panel{ border: 1px solid #e5e5e5; border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0; border-top: 0; box-shadow: none; padding: 30px 0; } .woocommerce div.product .woocommerce-tabs .panel h2{ font-size: 30px; line-height: 1.285em; color: #111; margin: 0 0 30px; font-weight: 700; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background: #fff; border-bottom-color: #fff; } .woocommerce #reviews #comments ol.commentlist{ padding: 0; margin: 0 0 40px; } .woocommerce #reviews #comments ol.commentlist li img.avatar{ width: 50px; height: 50px; object-fit: cover; border-radius: 50%; background: none; border: 0; top: 10px; left: 10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text{ margin: 0 0 0 50px; border: 0; position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description{font-size: 14px;} .woocommerce #reviews #comments ol.commentlist li .comment-text .meta{margin: 0 0 5px;} .woocommerce #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__author{ display: block; font-weight: 400; color: #111; font-size: 16px; line-height: 1em; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__dash{display: none;} .woocommerce #reviews #comments ol.commentlist li .comment-text .meta time{ color: #b5b5b5; font-size: 12px; line-height: 1em; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{font-size: 18px;} .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating:before{ color: #b5b5b5; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating span{ color: #fecb00; } /*=================================== Review form ===================================*/ .woocommerce #reviews #comments h2::before { content: ""; background: #e75387; width: 8px; height: 8px; position: absolute; bottom: 0; left: 0; border-radius: 100%; } .woocommerce #reviews #comments h2::after { content: ""; background: #88ced0; width: 90px; height: 2px; position: absolute; bottom: 3px; left: 20px; } .woocommerce #reviews #comments h2 { padding-bottom: 15px; } .woocommerce #reviews .comment-respond .comment-reply-title{ font-size: 22px; line-height: 1.285em; color: #111; margin: 0 0 30px; font-weight: 400; position: relative; display: block; } .woocommerce #reviews .comment-respond .comment-form{ font-size: 14px; color: #b5b5b5; } .woocommerce #reviews .comment-respond .comment-form p{margin: 0 0 15px;} .woocommerce #reviews .comment-respond .comment-form .stars{font-size: 18px;} .woocommerce #reviews .comment-respond .comment-form textarea{ height: 140px !important; resize: vertical; border-radius: 0; color: #111; } .woocommerce #review_form #respond textarea { border-radius: 5px; margin-bottom: 20px; } .woocommerce #reviews .comment-respond .comment-form input[type="text"], .woocommerce #reviews .comment-respond .comment-form input[type="email"]{border-radius: 0;} .woocommerce #review_form #respond .form-submit input{ display: inline-block; vertical-align: top; float: none; font-size: 18px; font-weight: 700; background: #e75387; border-radius: 5px; padding: 15px 30px; color: #fff; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:focus{ background: #88ced0; } .woocommerce #reviews #comments ol.commentlist li{ background: #f9f9f9; padding: 10px; } /*===================================== You may like products =====================================*/ .woocommerce div.product .up-sells{margin: 0 0 50px;} .woocommerce div.product .up-sells > h2, .woocommerce div.product .related > h2 { font-size: 1.5em; line-height: 1.285em; color: #111; margin: 0 0 40px; padding-bottom: 25px; font-weight: 600; position: relative; text-align: center; letter-spacing: 0; text-transform: capitalize; } .woocommerce div.product .up-sells > h2::before, .woocommerce div.product .related > h2::before { content: ""; background: #e75387; width: 30px; height: 30px; border: 10px solid #fff; position: absolute; bottom: -8px; left: 0; right: 0; margin: 0 auto; border-radius: 100%; z-index: 1; } .woocommerce div.product .up-sells > h2::after, .woocommerce div.product .related > h2::after { background: #88ced0; width: 170px; height: 2px; position: absolute; bottom: 6px; left: 0; right: 0; margin: 0 auto; content: ""; } /*===================================== Related products =====================================*/ .woocommerce .related.products h2{ color: #343434; font-size: 28px; line-height: 32px; letter-spacing: 1px; margin: 0 0 30px; position: relative; } .woocommerce .star-rating{ font-size: 0.8125em; margin: 0 auto 15px; } .woocommerce p.stars a{ color: #444; margin: 0 3px; } .woocommerce .related ul.products li.product a { display: flex; flex-flow: column wrap; flex: 1; justify-content: center; } .woocommerce .related ul.products li.product a .woocommerce-loop-product__title { order: 4; } .woocommerce .related ul.products li.product a .star-rating { order: 2; } .woocommerce .related ul.products li.product a .price { order: 5; } /*============================ Woocommerce message ===========================*/ .woocommerce .woocommerce-message .button{ font-size: 13px; font-weight: 400; letter-spacing: 1px; background: #e75387; border-radius: 5px; text-transform: uppercase; padding: 15px 30px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; color: #fff; position: relative; } .woocommerce .woocommerce-message .button:hover, .woocommerce .woocommerce-message .button:focus{ background: #88ced0; color: #fff; } /*============================ Cart Page ============================*/ .page.woocommerce-cart .page-header, .page.woocommerce-account .page-header, .page.woocommerce-checkout .page-header { margin-bottom: 0; } .woocommerce-cart #primary .page .entry-content table.shop_table{ border-radius: 0; border: 0; } .woocommerce table tbody tr:nth-child(2n+1) { background: none; } .woocommerce-cart #primary .page .entry-content table.shop_table th, .woocommerce-cart #primary .page .entry-content table.shop_table td{padding: 8px 0;} .woocommerce-cart #primary .page .entry-content table.shop_table th{ font-size: 1em; font-weight: 600; background: #f7f7f7; color: #000; padding-left: 8px; padding-right: 8px; border: none; } .woocommerce-cart .cart-collaterals .cart_totals tr td { border-top: none; } .woocommerce-cart #primary .page .entry-content table.shop_table td{ padding-left: 8px; padding-right: 8px; } .woocommerce-cart #primary .cart-collaterals .cart_totals table .order-total th, .woocommerce-cart .cart-collaterals .cart_totals table .order-total td { border-top: 1px solid #ddd; } .woocommerce-cart #primary .page .entry-content table.shop_table td.product-remove{ text-align: center; width: 35px; } .woocommerce-cart #primary .page .entry-content table.shop_table td.product-remove .remove{ width: auto; height: auto; color: #88ced0 !important; font-weight: 400; font-size: 1.2em; } .woocommerce-cart #primary .page .entry-content table.shop_table td.product-remove .remove:hover{ background: none; color: red !important; } .woocommerce-cart #primary .page .entry-content table.shop_table td.product-thumbnail{width: 90px;} .woocommerce-cart #primary .page .entry-content table.shop_table td.product-thumbnail img{ width: 75px; height: 100px; object-fit: cover; } .woocommerce-cart #primary .page .entry-content table.shop_table td.product-name a{ color: #111; } .woocommerce-cart #primary .page .entry-content table.shop_table td.product-name a:hover, .woocommerce-cart #primary .page .entry-content table.shop_table td.product-name a:focus{ text-decoration: none; color: #88ced0; } .woocommerce-cart #primary .page .entry-content table.shop_table td.product-name .variation{ font-size: 10px; text-transform: uppercase; color: #999; letter-spacing: 1px; line-height: 1em; margin: 0; } .woocommerce-cart #primary .page .entry-content table.shop_table td.product-name .variation dt{ font-weight: 400; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{ padding: 9px 10px; width: 150px !important; } .woocommerce-cart #primary .page .entry-content table.shop_table td.actions{ padding: 20px 0; } .woocommerce-cart #primary .page .entry-content table.shop_table td.actions .coupon{ width: 40%; } .woocommerce-cart #primary .page .entry-content table.shop_table td.actions .coupon input[type="text"]{ width: 100% !important; border-radius: 0; padding: 13px 10px; margin: 0 0 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 1em; font-weight: 700; display: inline-block; background: #e75387; color: #fff; border-radius: 5px; text-transform: capitalize; padding: 20px 30px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .woocommerce-cart #primary .page .entry-content table.shop_table td.actions .button:hover, .woocommerce-cart #primary .page .entry-content table.shop_table td.actions .button:focus{ background: #88ced0; color: #fff; } .woocommerce div.product form.cart .variations td.label{width: 50px;} .woocommerce div.product form.cart .variations select{height: 35px;} .woocommerce-cart #primary .page .entry-content .cart_totals{ background: #f7f7f7; padding: 30px 30px 0; border-radius: 5px; } .woocommerce-cart #primary .page .entry-content .cart_totals strong{ font-weight: 600; color: #111; } .woocommerce-cart #primary .page .entry-content .cart_totals h2{ font-size: 1.5em; line-height: 1.2em; color: #111; font-weight: 600; margin: 0 0 30px; position: relative; padding-bottom: 15px; } .woocommerce-cart #primary .page .entry-content .cart_totals h2::before { content: ""; background: #e75387; width: 10px; height: 10px; position: absolute; bottom: 0; left: 0; border-radius: 100%; } .woocommerce-cart #primary .page .entry-content .cart_totals h2::after { content: ""; background: #88ced0; width: 90px; height: 2px; position: absolute; bottom: 4px; left: 20px; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover{ background: #88ced0; pointer-events: none; } /*=============================================== Comment form style ===============================================*/ .woocommerce .comment-form input[type="text"], .woocommerce .comment-form input[type="email"], .woocommerce .comment-form input[type="phone"]{ float: none; display: block; width: 100% !important; margin: 0; height: auto; padding: 10px; } .woocommerce .comment-form .comment-form-author{ float: left; width: 49%; } .woocommerce .comment-form .comment-form-email{ float: right; width: 49%; } .woocommerce .comment-form textarea{ color: #b4b4b4; padding: 10px; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{ width: 49%; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: 100%;} .woocommerce form .form-row textarea{height: 200px;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{ padding: 1em !important; } .woocommerce .widget.widget_products ul.product_list_widget li a, .woocommerce .widget.widget_recent_reviews ul.product_list_widget li a, .woocommerce .widget.widget_recent_reviews ul.product_list_widget li .star-rating, .woocommerce .widget.widget_top_rated_products ul.product_list_widget li a, .woocommerce .widget.widget_top_rated_products ul.product_list_widget li .star-rating{margin-bottom: 5px;} .woocommerce .star-rating span{color: #ffc733;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{background: #000;} .woocommerce .woocommerce-product-search{ background: #f4f3f2; border-radius: 5px; margin: 0; overflow: hidden; padding: 14px 15px 15px 16px; width: 100%; } .woocommerce .woocommerce-product-search input[type="search"]{ width: 85%; background: none; border: 0 none; border-radius: 0; color: #6f6f6f; float: left; font-size: 14px; font-weight: 700; margin: 0; padding: 0; } .woocommerce .woocommerce-product-search input[type="submit"]{ background: url('../images/bg-search.png'); border: 0; border-radius: 0; box-shadow: none; float: right; font-size: 14px; height: 18px; margin: 5px 0 0; padding: 0; text-indent: -9999px; width: 17px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ padding: 10px; border-radius: 5px; border: 1px solid #eee; width: 100% !important; } .woocommerce-checkout .woocommerce .checkout .payment_methods li.woocommerce-notice { background: none; color: #595f5f; font-size: 16px; font-weight: 300 !important; font-style: italic; border-left: 3px solid #88ced0; margin-bottom: 20px !important; padding: 0 0 0 20px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove, .woocommerce a.remove{ line-height: 20px; } .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: 20px 30px; background: #88ced0; color: #fff; } /*================================ Checkout Page style ===============================*/ .woocommerce-checkout #primary .woocommerce-checkout .col2-set { display: inline-block; vertical-align: top; width: 48%; float: left; margin-right: 4%; } .woocommerce-checkout #primary .woocommerce-checkout .col-1, .woocommerce-checkout #primary .woocommerce-checkout .col-2 { float: none; width: 100%; } .woocommerce-checkout #primary .woocommerce-checkout .col-2 { margin-top: 40px; } .woocommerce-checkout form.checkout #order_review_heading { display: inline-block; vertical-align: top; margin-top: 0 !important; width: 48%; } .woocommerce-checkout form.checkout .woocommerce-checkout-review-order { display: inline-block; vertical-align: top; width: 48%; } .woocommerce-checkout .woocommerce .woocommerce-info{ background: #88ced0; border-top: 0; padding: 0.8em 1em; font-size: 1em; color: #fff; font-weight: 300; } .woocommerce-checkout .woocommerce .woocommerce-info:before{display: none;} .woocommerce-checkout .woocommerce .woocommerce-info a{ color: #fff; border-bottom: 1px dotted; } .woocommerce-checkout .woocommerce .woocommerce-info a:hover, .woocommerce-checkout .woocommerce .woocommerce-info a:focus{ border-bottom: none; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{ border-radius: 0; } .woocommerce-checkout .woocommerce form.woocommerce-form-login input.button, .woocommerce-checkout .woocommerce form.checkout_coupon input.button, .woocommerce form.lost_reset_password input.button, .woocommerce .return-to-shop .button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ float: none; font-size: 18px; border: 0; width: 100%; } .woocommerce-checkout .woocommerce form.woocommerce-form-login input.button:hover, .woocommerce-checkout .woocommerce form.woocommerce-form-login input.button:focus, .woocommerce-checkout .woocommerce form.checkout_coupon input.button:hover, .woocommerce-checkout .woocommerce form.checkout_coupon input.button:focus, .woocommerce form.lost_reset_password input.button:hover, .woocommerce form.lost_reset_password input.button:focus, .woocommerce .return-to-shop .button:hover, .woocommerce .return-to-shop .button:focus, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:focus{ background: #88ced0; color: #fff; } .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields h3, .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-additional-fields h3{ font-size: 1.3em; line-height: 1.2em; color: #111; font-weight: 600; margin: 0 0 15px; position: relative; padding-bottom: 15px; } .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields h3:before, .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-additional-fields h3::before { content: ""; background: #e75387; width: 10px; height: 10px; position: absolute; bottom: 0; left: 0; border-radius: 100%; } .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields h3:after, .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-additional-fields h3::after { content: ""; background: #88ced0; width: 90px; height: 2px; position: absolute; bottom: 4px; left: 20px; } .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields select{ height: 50px !important; font-size: 14px; } .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields .select2-container .select2-selection{ border-radius: 5px; height: 50px; border-color: #eee; } .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields .select2-container .select2-selection .select2-selection__rendered{ line-height: 50px; } .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields .select2-container .select2-selection .select2-selection__arrow{ height: 50px; } .woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-additional-fields textarea{ height: 85px; resize: vertical; border-radius: 5px; font-size: 16px; width: 100%; } #primary .page .entry-content #order_review_heading{ font-size: 1.3em; line-height: 1.2em; color: #111; font-weight: 600; margin: 0; position: relative; padding: 25px 25px 15px 25px; border: 2px solid #eee; border-bottom: none; } #primary .page .entry-content #order_review_heading::before { content: ""; background: #e75387; width: 10px; height: 10px; position: absolute; bottom: 0; left: 25px; border-radius: 100%; } #primary .page .entry-content #order_review_heading::after { content: ""; background: #88ced0; width: 90px; height: 2px; position: absolute; bottom: 4px; left: 45px; } .woocommerce-checkout-review-order{ border: 2px solid #eee; border-top: 0; padding: 25px 25px 0 25px; } .woocommerce-checkout .woocommerce form .form-row label { font-weight: 300; } .woocommerce form .form-row .required { color: #595f5f; } .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table{ border: 0; } .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table thead{ background: none; } .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table th{ padding: 0.8vw 0; font-size: 18px; border-bottom: none; font-weight: 400; color: #595f5f; } .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td{ padding: 15px 15px 15px 0; font-size: 16px; } .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr:not(:first-child) td { border-top-style: dashed; } .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table th:last-child, .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td:last-child { text-align: right; } .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td .variation{ margin: 0; font-size: 12px; color: #b5b5b5; text-transform: uppercase; } .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td .variation .variation-Size{ font-weight: 500; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background: none; font-size: 14px; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{ background: none; padding: 0; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before{ display: none; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{ padding: 0 !important; border-bottom: none; } .woocommerce-checkout #payment div.form-row { padding: 0; margin-bottom: 30px; } .woocommerce-message { border-top-color: #88ced0; } .woocommerce-message::before { color: #88ced0; } .woocommerce-tabs .woocommerce-Tabs-panel--description > h2 { position: relative; padding-bottom: 12px; } .woocommerce-tabs .woocommerce-Tabs-panel--description > h2:before { content: ""; background: #e75387; width: 8px; height: 8px; position: absolute; bottom: 0; left: 0; border-radius: 100%; } .woocommerce-tabs .woocommerce-Tabs-panel--description > h2:after { content: ""; background: #88ced0; height: 2px; width: 90px; position: absolute; bottom: 3px; left: 20px; } /*============================== Sidebar cart widget ==============================*/ .woocommerce #secondary .widget_shopping_cart ul li{ padding: 0 0 10px 25px; border-bottom: 1px solid #e5e5e5; margin: 0 0 10px; position: relative; } .woocommerce #secondary .widget_shopping_cart ul li .remove{ position: absolute; top: 5px; left: 0; font-size: 0; width: 14px; height: 18px; } .woocommerce #secondary .widget_shopping_cart ul li .remove:hover, .woocommerce #secondary .widget_shopping_cart ul li .remove:focus{background: none;} .woocommerce #secondary .widget_shopping_cart ul li .remove:after{ position: absolute; top: 0; left: 0; content: '\f057'; font-family: 'FontAwesome'; color: #e2401c; font-size: 16px; } .woocommerce #secondary .widget_shopping_cart ul.product_list_widget li img{ width: 44px; float: right; margin-right: 0; margin-left: 4px; } .woocommerce #secondary .widget_shopping_cart ul li a:not(.button){ font-weight: 400; } .woocommerce #secondary .widget_shopping_cart ul li .variation{ padding-left: 0; border-left: 0; } .woocommerce #secondary .widget_shopping_cart ul li .variation dt{font-weight: 400;} .woocommerce #secondary .widget_shopping_cart ul li .variation dd{ margin: 0 } .woocommerce #secondary .widget_shopping_cart .total{ border-top: 0; padding-top: 0; padding-bottom: 10px; font-size: 14px; border-bottom: 1px solid #e5e5e5; text-align: center; } .woocommerce #secondary .widget_shopping_cart .total strong{ font-weight: 600; color: #111; } .woocommerce #secondary .widget_shopping_cart .buttons .button{ display: block; background: #111; color: #fff; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: 1px; border-radius: 0; text-transform: uppercase; padding: 12px 30px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; position: relative; } .woocommerce #secondary .widget_shopping_cart .buttons .button:hover, .woocommerce #secondary .widget_shopping_cart .buttons .button:focus{ background: #88ced0; color: #fff; } /*=================================== Sidebar layered nav dropdown ===================================*/ .woocommerce #secondary .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown ul li{ margin: 0 5px 5px; } .woocommerce #secondary .woocommerce-widget-layered-nav ul li input[type="text"]{ width: 100% !important; } /*============================= Sidebar price filter ============================*/ .woocommerce #secondary .widget_price_filter .ui-slider-horizontal{ height: 5px; background: #eee; margin-left: 0; margin-right: 0; border-radius: 0; margin-bottom: 25px; } .woocommerce #secondary .widget_price_filter .ui-slider .ui-slider-handle{ background: #fff; border: 0; width: 20px; height: 20px; top: -8px; border-radius: 50%; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .woocommerce #secondary .widget_price_filter .ui-slider .ui-slider-range{background: #88ced0;} .woocommerce #secondary .widget_price_filter .price_slider_amount .button{ font-size: 14px; font-weight: 400; letter-spacing: 1px; color: #fff; background: #111; border-radius: 0; text-transform: uppercase; padding: 12px 30px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; position: relative; } .woocommerce #secondary .widget_price_filter .price_slider_amount .button:hover, .woocommerce #secondary .widget_price_filter .price_slider_amount .button:focus{ color: #fff; background: #88ced0; } .woocommerce #secondary .widget_price_filter .price_slider_amount .price_label{ color: #999; float: right; } /*================================= Sidebar Tag cloud =================================*/ .woocommerce #secondary .widget_product_tag_cloud .tagcloud{overflow: hidden;} .woocommerce #secondary .widget_product_tag_cloud .tagcloud a{ float: left; margin: 0 6px 6px 0; font-size: 14px !important; line-height: 15px; background: #eee; color: #333; padding: 10px 15px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .woocommerce #secondary .widget_product_tag_cloud .tagcloud a:hover, .woocommerce #secondary .widget_product_tag_cloud .tagcloud a:focus{ text-decoration: none; color: #fff; background: #88ced0; } /*=================================== Widget rating filter ===================================*/ .woocommerce .widget_rating_filter ul li .star-rating{ vertical-align: top; margin-top: 7px; } /*=================================== Product list ===================================*/ .woocommerce #secondary .widget .product_list_widget li img{ float: left; width: 75px; margin-left: 0; margin-right: 15px; } .woocommerce #secondary .widget .product_list_widget li{margin: 0 0 20px;} .woocommerce #secondary .widget .product_list_widget li .product-title{ font-weight: 600; color: #111; } .woocommerce #secondary .widget .product_list_widget li .product-title:hover, .woocommerce #secondary .widget .product_list_widget li .product-title:focus{ color: #88ced0; } .woocommerce #secondary .widget .product_list_widget li .amount{ color: #b5b5b5; font-weight: 500; } .woocommerce #secondary .widget .product_list_widget li ins, .woocommerce #secondary .widget .product_list_widget li ins .amount{ background: none; color: #88ced0; } .woocommerce #secondary .widget .product_list_widget li ins{margin-left: 10px;} .woocommerce #secondary .widget .product_list_widget li .star-rating{ margin: 0 0 5px; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .widget_product_categories ul li { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #e5e5e5; position: relative; padding-left: 20px; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child, .widget_product_categories ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before, .widget_product_categories ul li:before { content: ""; background: #8c8c8c; width: 8px; height: 8px; position: absolute; top: 8px; left: 0; border-radius: 100%; } /*=========================================== Sidebar product search form ==========================================*/ .woocommerce.widget_product_search .woocommerce-product-search{ background: none; border-radius: 5px; margin: 0 3px 0 0; width: 100%; padding: 0; border: 1px solid #e5e5e5; } .woocommerce.widget_product_search .woocommerce-product-search:after{ content: ''; display: block; clear: both; } .woocommerce.widget_product_search .woocommerce-product-search input[type="search"]{ background: none; border: 0; border-radius: 0; float: left; margin: 0; padding: 10px 15px; font-size: 0.8888em; width: calc(100% - 50px); height: 50px; font-weight: 400; } .woocommerce-product-search button[type="submit"]{ width: 50px; border-radius: 0 5px 5px 0px; padding: 0; height: 50px; background-color: #e75387; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>'); background-repeat: no-repeat; background-position: center; background-size: 20px; border: none; box-shadow: none; text-indent: 55px; white-space: nowrap; overflow: hidden; } .woocommerce-product-search button[type="submit"]:hover { background-color: #88ced8; } .woocommerce-cart .cart-collaterals .cross-sells .products{ grid-template-columns: repeat(1, 1fr); } .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li{ width: 100%; } .woocommerce div.product div.images img { border-radius: 7px; } .woocommerce .widget ul li ul { margin-top: 20px; margin-left: 10px; } form.search-form:before, form.search-form:after { content: ""; display: table; } form.search-form:after { clear: both; } .widget_search form.search-form { border: 1px solid #ededed; border-radius: 5px; } .widget_search form.search-form input.search-field { height: 50px; box-shadow: none; font-size: 16px; width: calc(100% - 55px); } .widget_search .search-form>label[for="submit-field"] { height: 50px; line-height: 50px; width: 55px; font-size: 18px; } .woocommerce-checkout .woocommerce-privacy-policy-link { margin-top: 0px; display: inline-block; margin-bottom: 10px; } .woocommerce-checkout .form-row.validate-required { margin-bottom: 10px; padding: 0; } header.woocommerce-products-header { display: none; } /*=================================== Responsive ===================================*/ @media only screen and (max-width: 1210px){ .woocommerce ul.products.columns-7 li.product, .woocommerce-page ul.products.columns-7 li.product, .woocommerce ul.products.columns-8 li.product, .woocommerce-page ul.products.columns-8 li.product, .woocommerce ul.products.columns-9 li.product, .woocommerce-page ul.products.columns-9 li.product, .woocommerce ul.products.columns-10 li.product, .woocommerce-page ul.products.columns-10 li.product { width: 21%; } .woocommerce ul.products.columns-7 li.product:nth-child(4n), .woocommerce-page ul.products.columns-7 li.product:nth-child(4n), .woocommerce ul.products.columns-8 li.product:nth-child(4n), .woocommerce-page ul.products.columns-8 li.product:nth-child(4n), .woocommerce ul.products.columns-9 li.product:nth-child(4n), .woocommerce-page ul.products.columns-9 li.product:nth-child(4n), .woocommerce ul.products.columns-10 li.product:nth-child(4n), .woocommerce-page ul.products.columns-10 li.product:nth-child(4n) { margin-right: 0; } .woocommerce ul.products.columns-7 li.last, .woocommerce-page ul.products.columns-7 li.last, .woocommerce ul.products.columns-8 li.last, .woocommerce-page ul.products.columns-8 li.last, .woocommerce ul.products.columns-9 li.last, .woocommerce-page ul.products.columns-9 li.last, .woocommerce ul.products.columns-10 li.last, .woocommerce-page ul.products.columns-10 li.last { margin-right: 3.8%; } .woocommerce ul.products.columns-7 li.first, .woocommerce-page ul.products.columns-7 li.first, .woocommerce ul.products.columns-8 li.first, .woocommerce-page ul.products.columns-8 li.first, .woocommerce ul.products.columns-9 li.first, .woocommerce-page ul.products.columns-9 li.first, .woocommerce ul.products.columns-10 li.first, .woocommerce-page ul.products.columns-10 li.first { clear: none; } } @media screen and (max-width: 980px) { .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .product_type_external, .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .ajax_add_to_cart, .woocommerce ul.products li.product .product_type_external, .woocommerce ul.products li.product .product_type_grouped{ padding: 12px 15px; min-width: 140px; } } @media only screen and (max-width: 768px){ #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{width: 48% !important;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.added_to_cart{ padding: 12px 10px; font-size: 14px; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width: 100%;} .woocommerce #secondary{ width: 100%; max-width: 100%; } .woocommerce .products ul, .woocommerce ul.products{ grid-template-columns: repeat(2, 1fr); grid-gap: 40px 10px; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{margin-bottom: 15px;} .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select{ text-align: left; } .woocommerce .comment-form .comment-form-author, .woocommerce .comment-form .comment-form-email{width: 100%;} .woocommerce ul.products.columns-7 li.product, .woocommerce-page ul.products.columns-7 li.product, .woocommerce ul.products.columns-8 li.product, .woocommerce-page ul.products.columns-8 li.product, .woocommerce ul.products.columns-9 li.product, .woocommerce-page ul.products.columns-9 li.product, .woocommerce ul.products.columns-10 li.product, .woocommerce-page ul.products.columns-10 li.product { width: 47%; } .woocommerce ul.products.columns-7 li.product:nth-child(2n), .woocommerce-page ul.products.columns-7 li.product:nth-child(2n), .woocommerce ul.products.columns-8 li.product:nth-child(2n), .woocommerce-page ul.products.columns-8 li.product:nth-child(2n), .woocommerce ul.products.columns-9 li.product:nth-child(2n), .woocommerce-page ul.products.columns-9 li.product:nth-child(2n), .woocommerce ul.products.columns-10 li.product:nth-child(2n), .woocommerce-page ul.products.columns-10 li.product:nth-child(2n) { margin-right: 0; } .woocommerce #reviews{ grid-template-columns: repeat(1, 1fr); } .woocommerce-cart #primary .page .entry-content table.shop_table td.actions .coupon{ width: 100%; } #yith-quick-view-modal { z-index: 9999; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { margin-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { border: 1px solid #ddd; display: block; padding: 15px; margin-bottom: -1px; color: #595f5f; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background: #f5f5f5; } .woocommerce nav.woocommerce-pagination ul li .prev, .woocommerce nav.woocommerce-pagination ul li .next { position: relative; top: 0; overflow: visible; width: 35px; } .woocommerce nav.woocommerce-pagination ul li a.next:hover, .woocommerce nav.woocommerce-pagination ul li a.next:focus, .woocommerce nav.woocommerce-pagination ul li a.prev:hover, .woocommerce nav.woocommerce-pagination ul li a.prev:focus { width: 35px; } .woocommerce nav.woocommerce-pagination .page-numbers.prev::before, .woocommerce nav.woocommerce-pagination .page-numbers.next::before { width: 35px; height: 35px; line-height: 35px; top: 0; } .woocommerce nav.woocommerce-pagination ul li .prev::after, .woocommerce nav.woocommerce-pagination ul li .next::after { display: none; } .woocommerce-cart #primary .page .entry-content table.shop_table td.product-thumbnail { display: block; width: 100%; text-align: center !important; } .woocommerce table.shop_table_responsive tr td.product-thumbnail::before, .woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before { display: none; } } @media only screen and (max-width: 640px){ .woocommerce-checkout #primary .woocommerce-checkout .col2-set, .woocommerce-checkout form.checkout #order_review_heading, .woocommerce-checkout form.checkout .woocommerce-checkout-review-order { width: 100%; margin-right: 0; float: none; margin-bottom: 40px; } .woocommerce .woocommerce-message { display: flex; flex-direction: column-reverse; align-items: flex-start; } .woocommerce .woocommerce-message .button { text-align: center; margin-top: 15px; } }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Generation time: 0.14 |
proxy
|
phpinfo
|
Settings