File manager

File manager - Edit - /home/palg2351/public_html/wp-content/themes/conat/assets/css/woocommerce.css

Back
/* ==================================================================== Global ==================================================================== / ins { text-decoration: none; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 0; } .woocommerce-account .sidebar-page-container { padding-bottom:70px; } / woocommerce-page ==================================================================== Shop ==================================================================== / .woocommerce .woocommerce-breadcrumb { display:none; } .woocommerce .woocommerce-result-count { font-size: 16px; font-weight: 300; color: #848484; line-height: 24px; margin: 0; padding: 20px 0px; } .woocommerce .shops-outer .single-product-item { margin-bottom: 50px !important; } .woocommerce .shops-outer .star-rating { font-family: star; font-size: 12px; height: 14px; line-height: 12px; overflow: hidden; position: relative; width: 5.4em; float: none; margin:0 auto; } .woocommerce .shops-outer .star-rating:before { content: ""; float: left; left: 0; position: absolute; top: 0; } .woocommerce .shops-outer .star-rating span { float: left; color: var(--black-color); overflow: hidden; margin-right: 5px; padding-top: 1.5em; position: absolute; top: 0; left: 0; } .woocommerce .shops-outer div.product .price span { padding:0; text-decoration: none; } .woocommerce .shops-outer div.product .price { font-size: 20px; font-weight: 400; position: relative; display: block; margin-bottom: 15px; } .woocommerce .shops-outer div.product .price ins span { font-weight: 400; text-decoration: none; } .woocommerce .shops-outer div.product .price del { opacity: 1; line-height: 13px; font-size: 16px; font-weight: 400; text-decoration:line-through; display:inline-flex; color: #666666; } .woocommerce .shops-outer div.product .price del > span { color: #666666; } .woocommerce .fancybox-infobar { display:none; } .woocommerce .sidebar-page-container .shops-outer .btn-style-one { font-size: 11px; font-weight: 700; padding: 8px 12px; } / Pagination / .woocommerce .woocommerce-pagination { margin-top:30px; } .woocommerce .woocommerce-pagination ul { position: relative; border: none !important; } .woocommerce .woocommerce-pagination ul li { position:relative; display:inline-block !important; margin:0px 6px 6px 0px !important; border-right: 0 !important; } .woocommerce .woocommerce-pagination ul li a, .woocommerce .woocommerce-pagination ul li span { position: relative; display: inline-block; line-height: 48px !important; height: 50px; width: 50px; min-width: 50px !important; font-weight: 400 !important; border-radius: 50px; text-align: center; text-transform: capitalize; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; font-size: var(--font-16) !important; color: var(--black-color); border: 1px solid rgba(var(--black-color-rgb), 0.08); padding: 0px !important; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-pagination ul li a:hover, .woocommerce-pagination ul li span { color:var(--white-color); background-color: var(--main-color); } / ==================================================================== Shop Detials ==================================================================== / .woocommerce .shop-detail-section .inner-column { padding-left: 0; } .woocommerce .shop-detail-section .content-column .price { margin-top:0; } .woocommerce div.product { margin-bottom:20px; } .woocommerce div.product .product_title { color: #303030; font-size: 30px; font-weight: 700; margin: 0 0 21px; text-transform: capitalize; } .woocommerce .woocommerce-product-rating .star-rating span { color:var(--main-color); } .woocommerce-review-link { color: #9e9e9e; font-size: 13px; font-weight: 700; padding-left: 15px; text-transform: capitalize; } .woocommerce-review-link:hover { color: #222; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 100%; } .woocommerce div.product div.images img { box-shadow: none; display: block; height: auto; width: 100%; } .woocommerce span.onsale { width: 40px; height: 40px; line-height: 40px; min-height:inherit; min-width:inherit; padding:1px; background: var(--main-color); } .woocommerce .product-details div.product .price { font-size: 22px !important; font-weight: 700; position: relative; line-height: 20px; margin-bottom: 10px; } .woocommerce .shop-detail-section .price span { opacity: 0.80; font-size: var(--font-16); color: var(--black-color); margin-left: 0px; margin-right: 0; text-decoration: none; } .woocommerce .shop-detail-section .content-column .price span { font-weight:700; } .woocommerce .product-details div.product .price ins span { position: relative; font-size: 22px !important; font-weight: 700; line-height: 24px; letter-spacing: 1px; text-decoration:none; opacity: 1; color: var(--main-color); } .woocommerce .product-details div.product .price del { opacity: 1; line-height: 13px; } .woocommerce .product-details div.product .price del > span { color: #666666; position: relative; font-size: 18px !important; margin: 0px 5px 20px 0; } .woocommerce .product-details div.product form.cart .quantity { float: none; margin: 0; display: inline-block; } .woocommerce .product-details div.product input[type="number"] { text-align: center; border-radius: 0 !important; font-size: 1em; box-sizing: border-box; border: 1px solid #ddd; padding: 0; height: 60px; vertical-align: middle; background-color: #fff; color: #333; box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); transition: color .3s, border .3s, background .3s, opacity .3s; margin:0; margin-right: 5px; margin-top:-15px; } .woocommerce .product-details .info-column .text p { margin-bottom:0; } .woocommerce .product-details .product_meta { margin-bottom:20px; } .woocommerce .product-details .product_meta > span{ display:block; } .woocommerce .product-details .product_meta span { font-weight:600; color:#222; } .woocommerce .product-details .product_meta span span, .woocommerce .product-details .product_meta span a { font-weight:400; } .woocommerce .product-details .cart-btn { display:inline-block; } / Shop Tabs / .woocommerce div.product .woocommerce-tabs { margin-top:20px; } .woocommerce div.product .woocommerce-tabs ul.tabs { position: relative; margin: 0; padding: 0; z-index: 1; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: 0 0; border-radius: 0; margin: 0; padding: 0; border: none; display: inline-block; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { position: relative; display: inline-block; margin-right: var(--margin-right-20); background: var(--white-color); color: var(--black-color); text-transform: uppercase; font-size: var(--font-14); line-height: 24px; cursor: pointer; font-weight: 500; padding: 14px 44px; transition: all 500ms ease; border: 1px solid rgba(var(--black-color-rgb), 0.06); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a { color: var(--white-color); border-color: var(--black-color); background-color: var(--black-color); } .woocommerce div.product .woocommerce-tabs .panel { margin:2em 0; } .woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce #reviews #comments h2, .woocommerce #respond .comment-reply-title { color: #222222; font-weight: 700; font-size: 18px; text-transform: capitalize; margin-bottom: 15px; } .woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce #reviews #comments h2 { display:none; } .woocommerce div.product .woocommerce-tabs .panel p { font-size: 16px; line-height: 1.9em; color: #404040; } .woocommerce #respond .comment-form { margin-top: 20px; } .woocommerce #review_form #respond p.stars { display: inline-block; margin: 0; } .woocommerce #review_form #respond label { position: relative; color: #848484; font-size: 16px; font-weight: 300; display: block; } .woocommerce #review_form #respond input[type="email"], .woocommerce #review_form #respond input[type="text"] { background: 0 0; border: 1px solid #e0e0e0; border-radius: 3px; color: #222; display: block; height: 46px; line-height: 22px; padding: 11px 20px; position: relative; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; width: 100%; } .woocommerce #review_form #respond textarea { border: 1px solid #e0e0e0; border-radius: 3px; color: #222; display: block; height: 120px; line-height: 22px; padding: 12px 20px; position: relative; resize: none; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; width: 100%; } .woocommerce #review_form #respond .form-submit input { position: relative; display: inline-block; font-family:var(--font-family-Manrope); font-size: 16px; font-weight: 700; line-height: 30px; color: #ffffff; background: var(--main-color); overflow: hidden; padding: 8px 40px; text-transform: capitalize; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; border-radius:0; } .woocommerce #review_form #respond .form-submit input:hover { color: #fff; background: var(--black-color); } .woocommerce .woocommerce-variation { margin-bottom:15px; } / Related Products / .related-projects { margin-top: 50px; } .related-projects h4 { position: relative; color: var(--color-two); font-size: 24px; font-weight: 700; margin-bottom: 40px; text-transform: capitalize; } .woocommerce .related-projects .star-rating { float: none; font-family: star; font-size: 12px; color:var(--black-color); height: 1em; line-height: 1; overflow: hidden; position: relative; width: 5.4em; } .woocommerce .related-projects div.product .price span { padding:0; font-size: 14px !important; } .woocommerce .related-projects div.product .price { color: #666666 !important; font-size: 14px !important; font-weight: 400; position: relative; line-height: 20px; margin: 15px 0; padding:0; display:block; } .woocommerce .related-projects div.product .price > ins > span { color: var(main-color) !important; font-size: 14px !important; font-weight: 400; position: relative; line-height: 20px; margin: 0; padding:0; display: block; } .woocommerce .related-projects div.product .price del { opacity: 1; line-height: 13px; } .woocommerce .related-projects div.product .price del > span { color: #666666; font-size: 14px !important; font-weight: 400; text-decoration: line-through; padding:0; } .woocommerce .related-projects .btn-style-one { font-size: 11px; font-weight: 700; padding: 8px 12px; } / Variation / .woocommerce div.product form.cart .variations { border: 0 none; margin-bottom: 1em; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0 none; } .woocommerce div.product form.cart .variations label { font-weight: 500; color: #121212; font-size: 16px; margin-top: 5px; } .woocommerce div.product form.cart .variations select { float: left; width: 100%; border: 1px solid #000; margin-bottom: 15px; margin-left: 15px; padding: 10px; } .woocommerce div.product form.cart .variations td.label { padding-right: 1em; } .woocommerce div.product form.cart .variations td { vertical-align: top; } .woocommerce div.product form.cart .woocommerce-variation-description p { margin-bottom: 1em; } .woocommerce div.product form.cart .wc-no-matching-variations { display: none; } / Comments / .woocommerce #reviews #comments .add_review:after, .woocommerce #reviews #comments .add_review:before, .woocommerce #reviews #comments ol.commentlist li .comment-text:after, .woocommerce #reviews #comments ol.commentlist li .comment-text:before, .woocommerce #reviews #comments ol.commentlist:after, .woocommerce #reviews #comments ol.commentlist:before { content: " "; display: table; } .woocommerce #reviews h2 small { color: #777; float: right; font-size: 15px; margin: 10px 0 0; } .woocommerce #reviews h2 small a { color: #777; text-decoration: none; } .woocommerce #reviews h3 { color: #292929; font-size: 16px; font-weight: 400; text-transform: capitalize; margin: 0; padding: 20px 0 15px; } .woocommerce #comments ol li .star-rating span { color:var(--main-color); } .woocommerce #reviews #respond { border: 0 none; margin: 0; padding: 0; } .woocommerce #reviews #comment { height: 75px; } .woocommerce #review_form #respond:after, .woocommerce #reviews #comments ol.commentlist li .comment-text:after, .woocommerce #reviews #comments ol.commentlist:after, .woocommerce .woocommerce-product-rating:after, .woocommerce td.product-name dl.variation:after { clear: both; } .woocommerce #reviews #comments ol.commentlist { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; list-style: outside none none; margin: 0; width: 100%; } .woocommerce #reviews #comments ol.commentlist li { background: rgba(0, 0, 0, 0) none repeat scroll 0 center; border: 0 none; margin: 0 0 20px; padding: 0; position: relative; } .woocommerce #reviews #comments ol.commentlist li .meta { color: #777; font-size: 0.75em; } .woocommerce #reviews #comments ol.commentlist li img.avatar { background: #ebe9eb none repeat scroll 0 0; border: 1px solid #e4e1e3; box-shadow: none; float: left; height: auto; left: 0; margin: 0; padding: 3px; position: absolute; top: 0; width: 32px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border: 1px solid #e4e1e3; border-radius: 4px; margin: 0 0 0 50px; padding: 1em 1em 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 1em; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 0.83em; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { position: relative; color: #222222; line-height: 24px; font-size: 16px; font-weight: 600; } .woocommerce #reviews #comments ol.commentlist ul.children { list-style: outside none none; margin: 20px 0 0 50px; } .woocommerce #reviews #comments ol.commentlist ul.children .star-rating { display: none; } .woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid #e4e1e3; border-radius: 4px; margin: 20px 0 0 50px; padding: 1em 1em 0; } .woocommerce #reviews #comments .commentlist > li:before { content: ""; } .woocommerce .shop-single .star-rating { font-family: star; font-size: 12px; margin-bottom: 5px; height: 1em; line-height: 1; overflow: hidden; position: relative; width: 5.4em; } .woocommerce .shop-single .star-rating:before { content: "sssss"; float: left; left: 0; position: absolute; top: 0; } .woocommerce .shop-single .star-rating span { float: left; font-size: 12px !important; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; margin-right: 5px; top: 0; } .woocommerce .shop-single .woocommerce-product-rating { display: block; line-height: 2; } .woocommerce a.button { background-color:var(--main-color); font-weight: 400; font-size: 14px; color: #fff; text-transform: capitalize; border-radius:0; } .woocommerce a.button:hover { color: #fff; background-color:var(--black-color); } .woocommerce div.product form.cart table td { width:auto !important; } .woocommerce div.product form.cart table td label a { font-weight:500; } .woocommerce div.product form.cart table { margin-bottom:20px; } .woocommerce div.product div.images img { margin-bottom:15px; } / ==================================================================== Shopping Cart ==================================================================== / .woocommerce-cart .sidebar-page-container { padding-bottom:50px; } .woocommerce table.shop_table { border: 0; border-collapse: separate; border-radius: 5px; margin: 0 -1px 24px 0; text-align: left; width: 100%; } .woocommerce table.shop_table thead { background-color: #f9f9f9 ; border-radius: 7px; color: #222; font-size: 18px; font-weight: 400; position: relative; text-transform: capitalize; width: 100%; } .woocommerce table.shop_table th { color: #222222; font-size: 17px; font-weight: 700; line-height: 35px; padding-left: 28px; text-transform: capitalize; border-left:none; } .woocommerce table.shop_table th:first-child { border-left: 1px solid #ddd; } .woocommerce .shop_table tbody tr a.remove { position: relative; font-size: 18px; color: #222222 !important; width: 34px; height: 34px; text-align: center; line-height: 30px; display: inline-block; border: 2px solid #222222; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; border-radius: 0; } .woocommerce .shop_table tbody tr a.remove:hover { background: var(--black-color); border-color:var(--black-color); color:#fff !important; } .woocommerce-cart table.cart img { box-shadow: none; width: 80px !important; } .woocommerce .shop_table tbody tr input.qty { border: 1px solid #ccc; padding: 8px 0; } .woocommerce table.shop_table td { border-top: none; border-left: none; color: #222222; font-size: 16px; padding: 20px; } .woocommerce table.shop_table td:first-child { border-left: 1px solid #ddd; } .woocommerce table.shop_table td a { color: #222222; font-weight:700; } .woocommerce table.shop_table td small { font-weight: 400; } .woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th { border-top: 0 none; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top: 1px solid rgba(0, 0, 0, 0.1); font-weight: 700; } .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout .checkout_coupon #coupon_code { display: block; line-height: 26px; margin-right: 10px; padding: 12px 20px; border: 1px solid #e0e0e0; height: 60px; width: 230px; background: none; } .woocommerce-checkout .checkout_coupon #coupon_code { width: 100%; margin-right:0; height: 65px; } .woocommerce button.button { padding: 25px 38px; font-size: var(--font-12); font-weight: 700; color: #ffffff; text-transform:uppercase; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; border-radius:0; } .woocommerce button.button:hover { background-color: #222222; color: #ffffff; } .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 { color: #ffffff; font-size: var(--font-12); font-weight: 700; padding: 24px 38px; cursor: not-allowed; opacity: 1; } .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 { color: #ffffff !important; } / Total Cart / .woocommerce .cart_totals { padding: 0 !important; } .woocommerce .cart_totals h2 { background-color: #f9f9f9; border-bottom: 1px solid #ebebeb; margin: 0; padding: 15px 20px; color: #272727; font-size: 24px; font-weight: 600; margin-bottom: 20px; } .woocommerce .total-cart { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: collapse !important; width: 100%; } .woocommerce .cart_totals tr { border-bottom: 1px solid #ebebeb !important; } .woocommerce .cart_totals tr th { padding: 14px 20px !important; font-size: 16px; color: #222222; border-right: 1px solid #e0e0e0; } .woocommerce .cart_totals td { padding: 14px 20px !important; text-align: right; position: relative; line-height: 24px; width: 50%; font-weight: 400; font-size: 16px; color: #848484; } .woocommerce-cart .wc-proceed-to-checkout a, .woocommerce-cart .wc-proceed-to-checkout a .btn-wrap, .woocommerce-cart .wc-proceed-to-checkout a .btn-wrap span { width:100%; } / ==================================================================== Shopping Checkout ==================================================================== / .woocommerce .checkout_coupon .form-row { width:25%; float:left; margin-bottom:0; margin-right:10px; } .woocommerce .checkout_coupon input { padding: 26px 15px !important; } .woocommerce-checkout .sidebar-page-container { padding-bottom:50px; } .woocommerce .woocommerce-info { border-top-color: #43c3ea; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background-color: #f7f6f7; border-top: 3px solid; color: #515151; list-style: outside none none !important; margin: 0 0 2em !important; overflow-wrap: break-word; padding: 1em 2em 1em 3.5em !important; position: relative; width: auto; } .woocommerce .woocommerce-message:before { content: "✔"; } .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-message:before { content: " "; display: table; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { content: "✔"; display: inline-block; font-family: WooCommerce; left: 1.5em; position: absolute; top: 1em; } #comments .comment-form .form-box { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #e0e0e0 -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; border-width: 1px 0 0; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: 100%; padding:0; } .checkout.woocommerce-checkout .select2-choice, .checkout.woocommerce-checkout input[type="email"], .checkout.woocommerce-checkout input[type="tel"], .checkout.woocommerce-checkout input[type="text"], .checkout.woocommerce-checkout textarea, .login input[type="password"], .login input[type="text"], .woocommerce form .form-row .select2-choice, .woocommerce form .form-row input.input-text, .woocommerce-EditAccountForm.edit-account input[type="email"], .woocommerce-EditAccountForm.edit-account input[type="password"], .woocommerce-EditAccountForm.edit-account input[type="text"], .woocommerce-ResetPassword.lost_reset_password input[type="text"] { background: #fff none repeat scroll 0 0; border: 1px solid #e0e0e0; border-radius: 3px; display: block; height: 48px; line-height: 30px; padding: 8px 20px; position: relative; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; width: 100%; } .woocommerce-EditAccountForm.edit-account legend, .woocommerce-account .addresses .title h3, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .woocommerce-additional-fields h3{ position: relative; color: #222222; font-size: 24px; margin-bottom: 30px; padding-bottom: 12px; } .woocommerce-billing-fields h3:after, .woocommerce-shipping-fields h3:after, .woocommerce-additional-fields h3:after { position: absolute; content: ''; left: 0px; bottom: 0px; width: 40px; height: 2px; } .woocommerce-EditAccountForm.edit-account legend { border: medium none; margin-top: 40px; } .woocommerce-EditAccountForm.edit-account legend:after { position: absolute; content: ''; left: 0px; bottom: 0px; width: 40px; height: 2px; } .select2-container--default .select2-selection--single{ height:48px; border:1px solid #e0e0e0; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:48px; } .select2-container--default .select2-selection--single .select2-selection__arrow{ height:46px; } .woocommerce form .form-row label { color: #272727; display: block; font-size: 14px; font-weight: 400; margin-bottom: 7px; text-transform: capitalize; } .woocommerce form .form-row label.inline { display: inline; } .woocommerce form .form-row select { cursor: pointer; margin: 0; } .woocommerce form .form-row .required { border: 0 none; color: red; font-weight: 700; } .woocommerce form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; position: relative; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { box-sizing: border-box; line-height: 1; margin: 0; outline: 0 none; width: 100%; } .woocommerce form .form-row textarea { box-shadow: none; display: block; height: 4em; line-height: 1.5; } .woocommerce form .form-row .select2-container { line-height: 2em; width: 100%; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #a00; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #69bf29; } .woocommerce form .form-row :-moz-placeholder { line-height: normal; } .woocommerce form .form-row label.inline { display: inline; } .woocommerce form .form-row select { cursor: pointer; margin: 0; } .woocommerce form .form-row .required { border: 0 none; color: red; font-weight: 700; } .woocommerce form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; position: relative; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { box-sizing: border-box; line-height: 1; margin: 0; outline: 0 none; width: 100%; } .woocommerce form .form-row textarea { box-shadow: none; display: block; height: 4em; line-height: 1.5; } .woocommerce form .form-row .select2-container { line-height: 2em; width: 100%; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #a00; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #69bf29; } .woocommerce form .form-row :-moz-placeholder { line-height: normal; } #order_review_heading { position: relative; color: #222222; font-size: 24px; margin: 30px 0; padding-bottom: 12px; } #order_review_heading:after { position: absolute; content: ''; left: 0px; bottom: 0px; width: 40px; height: 2px; } .woocommerce .woocommerce-terms-and-conditions-wrapper { width:100%; } .woocommerce #place_order { float: none !important; padding: 15px 38px; font-weight: 600; font-size: 14px; color: #fff; text-transform: capitalize; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; border:0; } .woocommerce #place_order:hover { background-color: #222222; color: #fff; } .woocommerce .actions button[aria-disabled="false"] { background-color:var(--main-color); } .woocommerce .actions button[aria-disabled="false"]:hover { background-color:var(--black-color); } / ==================================================================== My Account ==================================================================== / .woocommerce-MyAccount-navigation ul li { position: relative; margin-bottom: 1px; box-shadow: 0px 10px 30px rgba(0,0,0,0.05); } .woocommerce-MyAccount-navigation ul li a { position: relative; font-size: 16px; font-weight: 500; padding: 23px 28px; display: block; color: var(--color-two); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce .woocommerce-MyAccount-navigation ul li a:before { position: absolute; right: 20px; top: 24px; z-index: 1; content: "\f13a"; font-family: "Flaticon"; font-size: var(--font-20); color: var(--color-two); } .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { position: relative; color: var(--white-color); background-color: var(--main-color); } .woocommerce .woocommerce-MyAccount-navigation ul li a:hover:before { color: var(--white-color); } .woocommerce .woocommerce-account .woocommerce-MyAccount-content p { position: relative; color: #777777; font-size: 16px; line-height: 1.8em; } .woocommerce .woocommerce-MyAccount-content h3 { position: relative; color: #222222; font-size: 24px; margin-bottom: 30px; padding-bottom: 12px; } .woocommerce .woocommerce-MyAccount-content h3:after { position: absolute; content: ''; left: 0px; bottom: 0px; width: 40px; height: 2px; } .woocommerce .woocommerce-MyAccount-content button.button { padding: 15px 38px; font-weight: 600; font-size: 14px; color: var(--white-color); background-color:var(--main-color); text-transform: capitalize; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .woocommerce .woocommerce-MyAccount-content button.button:hover { background-color: var(--black-color); } / ==================================================================== Login ==================================================================== / .woocommerce > h2 { position: relative; color: #222222; font-size: 24px; margin-bottom: 30px; padding-bottom: 12px; } .woocommerce > h2:after { position: absolute; content: ''; left: 0px; bottom: 0px; width: 40px; height: 2px; } .woocommerce form .form-row span { width: 100%; } .woocommerce-LostPassword.lost_password a { color: #eb3867; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { margin: 0; } .woocommerce form.woocommerce-form-login .form-row label { margin: 10px 0; width: 100%; } .woocommerce .show-password-input:after, .password-input .show-password-input:after { position: absolute; right: 0; top: 5px; } .woocommerce .woocommerce-form-login__submit { position: relative !important; display: inline-block !important; font-size: 16px !important; line-height: 30px !important; color: #ffffff !important; padding: 12px 40px !important; font-weight: 600 !important; overflow: hidden; text-transform: capitalize; margin: 0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .woocommerce .woocommerce-form-login__submit:hover { background-color: #222222 !important; color: #fff !important; } / ==================================================================== Shop Sidebar Style ==================================================================== / .woocommerce .sidebar-widget .widget_product_search { padding: 0; border: none; } / Category List */ .woocommerce .sidebar-widget .widget-content ul{ position:relative; } .woocommerce .sidebar-widget .widget-content ul li{ position:relative; margin-bottom: var(--margin-bottom-15); } .woocommerce .sidebar-widget .widget-content ul li a{ position:relative; display:block; color:var(--color-three); font-size: var(--font-16); } .woocommerce .sidebar-widget .widget-content.widget_product_categories ul li a{ padding-left:var(--padding-left-25); } .woocommerce .sidebar-widget .widget-content.widget_product_categories ul li a:before{ position: absolute; content: ''; left: 0px; top: 7px; width: 8px; height: 8px; border-radius: 50px; border: 1px solid var(--color-three); } .woocommerce .price_label { font-size:20px; } .woocommerce .sidebar-widget .widget-content ul li:last-child{ margin-bottom:var(--margin-zero); } .woocommerce .sidebar-widget .widget-content ul li a:hover{ color:var(--black-color); } .woocommerce ul.product_list_widget li img { width:50px; height:auto; } .woocommerce .woocommerce-widget-layered-nav-list, .woocommerce .woocommerce-widget-layered-nav-list li{ position:relative; } .woocommerce .woocommerce-widget-layered-nav-list li del{ top:0px; right:40px; position:absolute; } .woocommerce .woocommerce-widget-layered-nav-list li a{ position:relative; display:inline-block !important; color:#222 !important; } .woocommerce .product_list_widget li .amount:first-child{ top:30px; } .woocommerce .product_list_widget li .amount{ position:absolute; right:20px; top:0px; opacity:0; font-size:18px; color:#111111; display:block; } .woocommerce .product_list_widget li .amount .woocommerce-Price-currencySymbol{ position:absolute; left:0px; display:none; } .woocommerce .product_list_widget li { margin-bottom:20px !important; min-height:60px; } .woocommerce .product_list_widget li:last-child { margin-bottom:0 !important; } .woocommerce .product_list_widget li .star-rating{ position:relative; margin-top:8px; color:var(--black-color); } .woocommerce .product_list_widget li .star-rating span{ position:relative; right:0; top:0; } .woocommerce .product_list_widget li a .product-title{ position:relative; text-align:left; right:0px; top:0px; color:#222; font-weight: 700; } .woocommerce .widget_price_filter .ui-slider { margin-left: 0.5em; margin-right: 0.5em; position: relative; text-align: left; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { border: 0 none; border-radius: 1em; background-color:var(--main-color); display: block; font-size: 0.7em; position: absolute; z-index: 1; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { border-radius: 50%; cursor: ew-resize; background-color:var(--main-color); height: 1em; margin-left: -0.5em; outline: 0 none; position: absolute; top: -0.3em; width: 1em !important; z-index: 2; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #eee; border: 0 none; border-radius: 1em; } .woocommerce .widget_price_filter .price_slider_amount .button { padding: 15px 38px; font-weight: 600; font-size: 14px; color: #fff; background-color:var(--main-color); text-transform: capitalize; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .woocommerce .widget_price_filter .price_slider_amount .button:hover { background-color:var(--black-color); color: #fff; } .woocommerce .sidebar-widget .woocommerce-mini-cart__buttons a { background-color:var(--main-color); } .woocommerce .sidebar-widget .woocommerce-mini-cart__buttons a:hover { background-color:var(--black-color); }

| ver. 1.4 | Github | . | PHP 8.3.30 | Generation time: 0.07 | proxy | phpinfo | Settings