/* Theme Name: bc-store WooCommerce styles override */ /* toolbar */ .bc-consulting-toolbar { margin-bottom: 40px; background:#FFF; padding:10px; display:block; padding:10px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-bottom:20px } .woocommerce .bc-consulting-toolbar .woocommerce-ordering{ margin-bottom:0 } .woocommerce .bc-grid-list{ float:left; margin:0 20px 0 0 } .woocommerce .bc-grid-list a{ display:inline-block; width:34px; height:34px; line-height:36px; color:var(--primary-color); border:1px solid var(--primary-color); text-align:center; font-size:20px; margin: 0px 5px; } .woocommerce .bc-grid-list a:last-child{ margin-left:10px } .woocommerce .bc-grid-list a.active{ color:var(--secondary-color); border-color:var(--secondary-color); } .woocommerce .bc-grid-list a:hover{ color:var(--secondary-color); border-color:var(--secondary-color); } .woocommerce .woocommerce-ordering{ float:left } .customSelect.orderby{ font-size:13px; color:#999 } .orderby.hasCustomSelect{ width:100%; z-index:2 } .customSelect.orderby{ position:relative; border:1px solid #ddd; color:#555; height:34px; line-height:32px; padding:0 45px 0 15px; width:100%; z-index:1 } .customSelect.orderby::after{ font-family:fontawesome; content:'\f107'; position:absolute; right:0; top:0; display:block; height:32px; width:32px; font-size:11px; color:#929292; border-left:1px solid #ddd; text-align:center } .woocommerce .woocommerce-ordering .orderby{ width:auto; min-width:166px } .woocommerce .woocommerce-ordering .orderby span{ width:auto; min-width:166px } .woocommerce .result-count{ margin-left: auto!important; font-size:12px; line-height:34px; text-transform:uppercase; list-style:none; margin:0; padding:0 } .woocommerce .result-count li{ float:left } .woocommerce .result-count li.view-title{ margin-right:6px; color:#555; letter-spacing:.6px } .woocommerce .result-count li.view-title:after{ display:none } .woocommerce .result-count li:after{ content:'/'; color:#999; margin:0 3px } .woocommerce .result-count li a{ color:#999 } .woocommerce .result-count li a:hover{ color:#555 } .woocommerce .result-count li a.active{ color:#555 } .woocommerce .result-count li:last-child:after{ display:none } .star-rating span:before, .star-rating::before, p.stars a:hover:after, p.stars a:after { color:var( --secondary-color ) !important; } /*-------------------------------------------------- ---------------Product loop-------------- /*--------------------------------------------------*/ ul.products li.product{ text-align: center; padding-bottom: 20px; } ul.products li.product .product-content-wrap{ padding: 20px; display: block; } ul.products li.product .woocommerce-loop-product__title{ padding-bottom: 10px; letter-spacing: 2px; display: block; color: var( --heading-color ); font-weight: normal; font-size: 20px; } ul.products li.product .cat-name{ padding-bottom: 5px; } ul.products li.product .cat-name a{ font-size: 14px; color: var(--tertiary-color); text-transform:capitalize; margin: 3px; } ul.products li.product .cat-name a:hover, ul.products li.product .cat-name a:focus{ color: var( --secondary-color ); text-decoration: underline; } ul.products li.product span.price{ color: var( --heading-color ); text-decoration: none; display: block; } ul.products li.product span.price ins{ text-decoration: none; color: var( --heading-color ); } ul.products li.product span.price bdi{ color: var( --primary-color ); } ul.products li.product .product-image{ position: relative; } ul.products li.product figure{ margin-bottom: 0px; overflow: hidden; position: relative; } ul.products li.product .woo-entry-image-secondary{ position: absolute; left: 0px; right: 0px; top: 0px; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ul.products li.product:hover .woo-entry-image-secondary{ opacity: 1; visibility: visible; } /*------------------------- Icon Button ----------------------------*/ .product-caption{ bottom: 20px; height: 48px; left: 20px; position: absolute; right:20px; z-index:999; text-align: center; } ul.caption-list-product{ display:block; margin:0px; padding:0px; position: relative; text-align: center; } ul.caption-list-product li{ display: inline-block; list-style:none; margin-right:2px; opacity: 0; transform: scale(0.2); transition: all 250ms cubic-bezier(1, -0.6, 0.57, -0.15) 0s; visibility: hidden; position: static; } ul.caption-list-product li a{ background-color: #ffffff; border-color: #eeeeee; color: #68696c; cursor: pointer; display:block; font-size: 16px; height: 48px; line-height: 48px; padding: 0 4px; text-align: center; min-width: 48px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } ul.caption-list-product li a.loading:after{ content: ""; left: auto; right: 3px; top: 3px; background:url('assets/images/loader.svg'); position: absolute; z-index: 9999; width: 40px; height: 40px; } ul.caption-list-product .added_to_cart.wc-forward{ position: absolute; left: -50px; bottom: 0px; z-index: 9; border-radius: 0px!important; text-transform: uppercase; min-width: 150px; z-index: 999; } .woocommerce-page ul.products li:hover ul.caption-list-product li, .owl-item:hover ul.caption-list-product li, .woocommerce .products li:hover ul.caption-list-product li{ opacity: 1; transform: scale(1); visibility: visible; color:#000; } .woocommerce-page ul.products li ul.caption-list-product a:hover, .owl-item ul.caption-list-product a:hover, .woocommerce .products li ul.caption-list-product a:hover, .woocommerce-page ul.products li ul.caption-list-product a:focus, .owl-item ul.caption-list-product a:focus, .woocommerce .products li ul.caption-list-product a:focus{ background: var( --secondary-color ); color: var( --quaternary-color ); } ul.caption-list-product li:nth-child(1){ transition-delay: 0.3s; } ul.caption-list-product li:nth-child(2){ transition-delay: 0.4s; } ul.caption-list-product li:nth-child(3){ transition-delay: 0.5s; } ul.caption-list-product li:nth-child(4){ transition-delay: 0.6s; } /*----------------------------------------------- Single Product -------------------------------------------*/ .woocommerce-page div.product div.summary{ padding: 20px 25px; background: #f4f4f4; } /* Tab */ .woocommerce div.product .woocommerce-tabs ul.tabs{ margin:0px; padding:0px; display:flex; z-index: 99; border-bottom: 1px solid #e8e8e8; } .woocommerce div.product .woocommerce-tabs .panel{ min-height: 180px; border: 1px solid #e8e8e8; border-top: none; margin-bottom: 50px; padding: 30px; } .woocommerce div.product .woocommerce-tabs .panel label{ display: block; } .woocommerce div.product .woocommerce-tabs .comment-respond p{ display: block; padding-bottom: 15px!important; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li{ display: block; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ float:none; padding:0px; margin:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ font-size: 18px; text-align:left; color: #151515; /* font-family: 'Roboto Condensed', sans-serif;*/ padding: 20px; outline:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; position:relative; background: #fff; box-shadow: 0px 0px 131px 0px rgba(74,74,74,0.1); font-family: var(--heading-font); min-width: 180px; text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child a{ border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:after { position: absolute; bottom: -7px; left: 50%; margin-left: -8px; content: ""; border-right: 8px solid transparent; border-top: 8px solid var(--secondary-color); border-left: 8px solid transparent; opacity: 0; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:focus a:after, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus:after{ opacity: 1; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; background:none; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { display:none; border:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li:focus a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus{ color: #fff; background-color:var(--secondary-color); } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{ display:none; } #reviews.woocommerce-Reviews #comments{ padding:0px; background: none; box-shadow: none; } #reviews button.theme-btn{ margin-left:0px; } .woocommerce-product-gallery__image, .woocommerce div.product div.images .flex-control-thumbs li img{ border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; overflow: hidden; } .woocommerce-page div.product div.summary{ margin-top: 0px; } .woocommerce div.product div.images .flex-control-thumbs{ margin: 0 -5px; } .woocommerce div.product div.images .flex-control-thumbs li{ padding: 5px; } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs{ padding-top: 50px; clear: both; position: relative; max-width: 100%; } .woocommerce .product .product_meta span.sku_wrapper, .woocommerce .product .product_meta span.posted_in, ul.compare-wishlist-single-post, .woocommerce .product .product_meta span.tagged_as { padding: 10px; border-bottom: 1px solid #dbdbdb; display: block; width: 100%; margin-bottom: 0px; color: #000; } table.group_table{ margin-bottom: 15px; } .group_table td{ padding: 10px; } /*-------------------------------------------------------------- # quantity --------------------------------------------------------------*/ .single.single-product .quantity { display: flex; margin: 1px 20px 0px 0 !important; padding: 0px; } button.plus, button.minus { border: 1px solid #dbdbdb; background: #f1f2f1; color:#000; font-size: 15px; line-height: 5px!important; min-width: 44px; vertical-align: top; float: left; max-width: 44px; padding:14px 12px; margin-top: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } button.plus:hover, button.minus:hover { background:var( --secondary-color ); color:var( --quaternary-color ); } button.plus { margin-left: -4px!important; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; } button.minus { margin-right: -4px!important; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; } button.plus i{ display: block; padding-left: 3px; } button.minus i{ display: block; padding-right: 3px; } .single.single-product .quantity .input-text.qty.text, .p-quantity .input-text.qty.text, .woocommerce .quantity input.qty { -moz-appearance: textfield; -webkit-appearance: textfield; border: 1px solid #dbdbdb; color: #55595d; min-height: 34px; float: left; line-height:34px; width:50px; padding:5px; font-size:16px; background:#FFF; text-align: center; border-left: none; border-right:none; border-radius: 0px; margin-bottom: 0px; height: 46px; } .woocommerce #content div.product div.summary .btn{ font-size: 14px; text-transform: uppercase; letter-spacing: 2px; padding-left: 40px; } .woocommerce div.product form.cart, .woocommerce div.product form.cart .woocommerce-variation-add-to-cart{ text-align: center; display: flex; } .woocommerce div.product form.cart.variations_form, .woocommerce div.product form.cart.grouped_form{ display: block; } .woocommerce div.product form.cart .woocommerce-variation-add-to-cart{ padding-bottom: 10px; } table.wc-block-cart-items, table.wc-block-cart-items td, table.wc-block-cart-items th{ text-align: left; } table.variations th, .woocommerce-product-attributes th{ text-transform: capitalize; } table.variations th, table.variations td { text-align: left!important; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #EAEAEA!important; vertical-align:middle; font-weight: normal; } .woocommerce div.product form.cart .variations select{ border: 1px solid #ccc; padding: 10px; width:100%; display: block; } .woocommerce div.product form.cart .variations label{ font-weight: normal; } .woocommerce-variation-add-to-cart.variations_button{ clear: both; } .woocommerce-variation.single_variation{ text-align: left; font-size: 90%; padding-bottom: 20px; color: var(--tertiary-color); } .related.products h2, .upsells.products h2, .cross-sells h2 { clear: both; font-size: 1.35rem; display: block; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 55%; clear: none; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 40%; } .woocommerce div.product figure{ margin: 0px auto; } .woocommerce div.product{ position: relative; } .woocommerce .product .onsale{ border-radius: 3px; padding: 12px 10px; margin: 0px; min-height:auto; min-width: auto; line-height: 0px; font-weight: normal; border: 1px solid #8F8F8F; text-transform: uppercase; background: #fff; color: #000; display: block; font-size: 12px; top: 23px; left: 8px; letter-spacing: 2px; position:absolute; z-index:99; right: auto; } .page-content, .entry-content, .entry-summary{ margin-top: 0px; } #review_form p.form-submit{ margin-left: 0px; } .comment-form-rating label, .comment-form-rating p.stars{ float: left; } p.comment-form-comment{ clear: both; } #content div.product div.summary .star-rating{ float: left; } #content div.product div.summary .woocommerce-review-link{ float: right; } /*--------------------------------------*/ /*Reivew /*---------------------------------*/ #reviews h4.comments-title{ margin-bottom:0px!important; } #reviews .comments-area{ padding: 0px; } #reviews [class^="col-"], #reviews [class*=" col-"]{ position: relative; } #commentform [class^="col-"] span.required, #commentform [class*=" col-"] span.required{ position: absolute; right: 25px; top:15px; } #reviews .stars, .woocommerce #reviews p.stars{ float: left; margin-left: 15px; padding: 0px; margin-bottom:0px; margin-top:0px; } .comment-form-rating label{ float: left; } #reviews .comment-form .comment-form-cookies-consent{ padding-left: 20px; display: block; clear: both; width: 100%; padding-bottom: 0px; } #reviews .comment-meta img {width: 60px;height: 60px;border-radius: 50%; float: left;} #reviews.woocommerce-Reviews .comment-text { width: calc(100% - 60px); padding-left: 20px; position: relative; float: right; padding-bottom: 20px; } #reviews .comment-meta .comment h6 a { text-transform: uppercase; color: #313131; margin: 10px 0 8px 0; } #reviews .comment-meta .comment .date { text-transform: uppercase; font-size: 14px; } #reviews .comment-meta .comment-text {margin-top:10px;} #reviews .comment-text .meta{ float:left; } #reviews .comment-text .star-rating { float: right; } #reviews .comment-text .description{ clear: both; } #reviews .woocommerce-review__author{ display: block;; } #reviews .woocommerce-review__dash, #reviews .woocommerce-review__published-date{ font-size: 11px; } #reviews .commentlist { display:block; margin:0px; padding:0px; } #reviews .commentlist li{ padding-bottom: 35px; clear: both; list-style: none; } #reviews .commentlist p.meta{ margin-bottom: 0px; } #reviews .space-margin{ padding-bottom: 50px; clear: both; display: block; } #review_form_wrapper{ clear: both; } #review_form .comment-reply-title{ font-size: 1.5rem; padding-top: 30px; clear: both; display: block; padding-bottom:20px; } #review_form .comment-notes{ padding-bottom: 0px; margin-bottom: 0px; font-size: 12px; padding-bottom: 10px; } #review_form p.comment-form-author{ margin-right: 1.8%; } #review_form p.comment-form-author, #review_form p.comment-form-email{ width: 48%; display: inline-block; } .comment-respond .form-submit input[type="submit"]{ padding: 6px 22px!important; min-width: 140px; text-align: center; margin-top: 0px!important; } #review_form_wrapper #respond.comment-respond{ padding-bottom: 0px; } /*-------------- # CART --------------*/ dl.variation{ margin: 0px; padding: 0px; display: block; } .variation dt, .variation dd{ display: inline-block; font-size: 14px; margin: 0px; padding: 0px; } dl.variation p{ margin-bottom: 0px; } .woocommerce-cart .woocommerce table.shop_table.cart{ border:none; } .woocommerce-cart .woocommerce table.shop_table.cart tr th, .content-area table.woocommerce-checkout-review-order-table th.product-name, .content-area table.woocommerce-checkout-review-order-table th.product-total, table.shop_table_responsive tr th { background-color:rgba(var(--secondary-color-rgb ),0.2); text-align:center; border:none; padding:15px 10px; color: var(--secondary-color); font-family: var(--heading-fonts); font-size: 14px; text-transform: uppercase; background-color: #f2f2f2; } .woocommerce-cart .woocommerce table.shop_table.cart tr th.product-name{ text-align: left; } .woocommerce-cart-form table.shop_table.cart tr td{ border:none; vertical-align:center; border-bottom: 1px solid #d6d6d6; vertical-align:middle!important; text-align: center; padding: 30px 15px!important; } .woocommerce-cart-form table.shop_table_responsive tr td{ padding: 30px 15px!important; } .woocommerce-cart table.shop_table_responsive tr td.product-remove, .woocommerce-cart .woocommerce table.shop_table.cart tr th.product-remove{ padding:0px 5px!important; width: 10px; } .woocommerce-cart .woocommerce table.shop_table.cart tr td.product-name { text-align: left; } .woocommerce-cart .woocommerce table.shop_table.cart tr td.actions{ border-bottom:none; } .woocommerce-cart .woocommerce table.shop_table.cart tr td.actions .button{ float: right; } .woocommerce-cart .woocommerce table.shop_table.cart tr td.actions .coupon{ float: left; } .woocommerce table.shop_table tr td.product-remove .remove, .woocommerce table.shop_table tbody td.product-remove .remove { background-color: transparent; font-size: 30px; } td.product-name a{ color:var(--primary-color); font-family: var(--heading-fonts); margin-bottom: 5px; display: block; } td.product-name a:hover{ color:var(--secondary-color); } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width:100%; max-width:125px; } .woocommerce-cart .woocommerce table.shop_table.cart tr td.product-thumbnail{ width:130px; } .woocommerce-cart .woocommerce table.shop_table.cart tr td.product-quantity{ width:190px; } .shop_table .actions label{ display: none; } .woocommerce-cart table.cart td.actions .coupon .input-text { border:1px solid var(--secondary-color); min-width: 200px; float: left; max-width: 200px; padding: 11.5px 15px; } .shop_table .actions .button{ font-family: var( --heading-fonts ); text-transform: uppercase; letter-spacing:2px; color: var(--quaternary-color); border:1px solid var(--secondary-color); background:var(--secondary-color); outline: none; cursor: pointer; padding: 12px 30px; display: inline-block; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; overflow: hidden; font-size:14px; position: relative; border-radius: 5px; -webkit-border-radius: 5px; z-index: 1; -moz-osx-font-smoothing: grayscale; overflow: hidden; margin: 0px; line-height: 22px; } .shop_table .actions .coupon .button { float: left; margin-left: -3px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .shop_table .actions .button:hover, .shop_table .actions .button:focus{ background: var( --quaternary-color ); color: var(--secondary-color); border:1px solid var(--secondary-color); } .shop_table .actions .button:disabled, .shop_table .actions .button[disabled] { opacity: 0.5; } .shop_table .actions .button:disabled:hover, .shop_table .actions .button[disabled]:hover { color: var(--quaternary-color); border:1px solid var(--secondary-color); background:var(--secondary-color); } /*-----------------*/ .woocommerce-cart .woocommerce .cart-collaterals{ float: right; width: 100%; max-width: 420px; margin-bottom: 50px; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table { border: 1px solid #ccc; background-color: #f6f6f6; border-radius: 0; padding: 0 30px; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table th, .content-area table.woocommerce-checkout-review-order-table th, .content-area table.woocommerce-checkout-review-order-table td.product-name { background-color: transparent; color: #000; font-weight: 400; padding: 15px; border-top: 0; text-align:left; font-size:16px; vertical-align:top; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #ccc; text-align: right; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table td { text-align: right; padding: 15px; border-top: 0; border-bottom: 1px solid #d6d6d6; color:#000; vertical-align:top; text-align: right; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table label { font-weight:normal; } .woocommerce ul#shipping_method{ display: block; text-align:right; margin:0px; padding:0px; font-size: 12px; } .woocommerce ul#shipping_method label{ margin-left: 10px; display: inline-block; margin-top: -1px; } .woocommerce ul#shipping_method li{ list-style: none; text-align: left; } p.woocommerce-shipping-destination{ clear:both; text-align:left; font-size: 12px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:100%; float:none; display:block; } .woocommerce .cart-collaterals .cart_totals h2{ display:none; } .shipping-calculator-form{ display:block!important; } .woocommerce form .form-row .select2-container .select2-selection--single { border: 1px solid #ccc; padding: 5px; height: auto; border-radius: 0; margin-bottom:5px; font-size: 12px; letter-spacing: 0.77px; position: relative; text-transform: uppercase; } .woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__arrow { top: 12px; } .woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator .input-text, .woocommerce-cart .woocommerce .cart-collaterals .woocommerce-shipping-calculator select { width: 100%; border: 1px solid #ccc; padding:12px; margin-bottom:5px; } .shipping-calculator-button{ display:none!important; } #theme-cart-total .shipping-calculator-form{ display:none!important; } .wc-proceed-to-checkout .checkout-button.theme-btn, .place_order_btn.theme-btn{ font-size: 16px; padding: 15px 30px; color: var( --quaternary-color )!important; } .place_order_btn.theme-btn{ width: auto; } .cross-sells{ clear: both; display: block; } .woocommerce-pagination{ padding-bottom: 30px; } #customer_details .col-1, #customer_details .col-2{ width:50%; max-width:50%; float:left; } #customer_details .form-row input, #customer_details .form-row textarea { display: block; width: 100%; padding: 9px; border: 1px solid #ccc; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: solid 1px #cfcfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: rgba(255,255,255,0.7); -webkit-box-shadow: 0px; -moz-box-shadow: 0px; box-shadow: 0; } #customer_details .form-row input:focus, #customer_details .form-row textarea:focus { border: 1px solid var(--secondary-color); } .checkout_coupon{ position: relative; margin-bottom: 50px; } .checkout_coupon p.form-row { margin-bottom: 0px; } .checkout_coupon button.button{ position: absolute; right: 2px; bottom: 2px; } .checkout_coupon .input-text{ margin-bottom: 0px; } .blockUI.blockOverlay{ z-index: 99!important; } .content-area table.woocommerce-checkout-review-order-table th.product-name, .content-area table.woocommerce-checkout-review-order-table td.product-name{ text-align: right; } .content-area table.woocommerce-checkout-review-order-table th.product-total, .content-area table.woocommerce-checkout-review-order-table td { text-align: left; } ul.wc_payment_methods{ display: block; margin: 30px 0px; padding: 0px; background:#d6d6d6; padding: 15px; border-radius: 5px; -webkit-border-radius: 5px; } ul.wc_payment_methods li{ border:none; list-style: none; list-style: none; margin-bottom: 10px; border-radius: 5px; -webkit-border-radius: 5px; } ul.wc_payment_methods li p, ul.wc_payment_methods li label{ margin-bottom: 0px!important; padding-bottom: 0px!important; } ul.wc_payment_methods li p{ padding-left: 35px; padding-top: 5px; font-size: 12px; } .woocommerce-columns .col-1, .woocommerce-columns .col-2{ width: 50%!important; max-width: 100%; float: left; } #place_order.button{ text-transform: uppercase; letter-spacing: 3px; word-spacing: 3px; padding: 15px 35px; display: flex; align-items: center; justify-content: center; } #place_order.button i{ font-size: 18px; margin-left: 10px; } .woocommerce-form.woocommerce-form-login.login{ display: block; } .woocommerce-form.woocommerce-form-login.login input{ margin-bottom: 0px; } .woocommerce-form.woocommerce-form-login.login .form-row.woocommerce-form-row{ width: 50%; float: left; clear: none; } .woocommerce-form.woocommerce-form-login.login label{ font-weight: normal; clear:both; display: block; width: 100%; text-align: left; } .woocommerce-form.woocommerce-form-login.login span.password-input{ display: block; width: 100%; } .woocommerce-form.woocommerce-form-login.login .form-row{ clear: both; } .woocommerce-LostPassword.lost_password{ float: right; transform: translateY(-80px); padding-right: 20px; } .woocommerce-MyAccount-navigation{ width: 25%; float: left; } .woocommerce-MyAccount-content{ width: 70%; float: right; } .woocommerce-MyAccount-navigation ul{ margin: 0px; padding: 0px; } .woocommerce-MyAccount-navigation li{ list-style: none; } .woocommerce-MyAccount-navigation li a{ display: block; padding: 10px; } .woocommerce-MyAccount-navigation li a{ display: block; padding: 10px; border-bottom: solid 1px #eee; padding-left: 35px; position: relative; font-weight: normal; border-radius: 3px; } .woocommerce-MyAccount-navigation li a:after{ font-family: 'Font Awesome 6 Free' !important; content: "\f08b"; position: absolute; left: 15px; top: 10px; font-weight: 900; } .woocommerce-MyAccount-navigation li a:hover, .woocommerce-MyAccount-navigation li a:focus, .woocommerce-MyAccount-navigation li.is-active a{ background: var(--secondary-color); color: var(--quaternary-color); } .woocommerce-orders-table.woocommerce-MyAccount-orders td{ border-bottom: 1px solid #eee; padding: 5px; font-weight: normal; } .woocommerce-MyAccount-content .col-1, .woocommerce-MyAccount-content .col-2{ width: 50%; float: left; max-width: 50%; } .woocommerce-MyAccount-content label{ display: block; clear: both; width: 100%; } .woocommerce-MyAccount-content input{ margin-bottom: 0px; } .woocommerce-MyAccount-content .form-row span.woocommerce-input-wrapper{ width: 100%; } .edit-account fieldset, .woocommerce-order-details, .woocommerce-customer-details{ background: #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 20px; margin-bottom: 30px; position: relative; } .edit-account legend, .woocommerce-order-details h2, .woocommerce-customer-details h2{ display: inline-block; padding: 5px 10px; color: #FFF; background: var(--secondary-color); width: auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight:normal; text-transform:capitalize; font-size: 16px; letter-spacing: 2px; word-spacing: 3px; } .edit-account legend{ margin-top: -10px; } .woocommerce-order-details h2, .woocommerce-customer-details h2{ position: absolute; top: -20px; } .woocommerce-order-details, .woocommerce-customer-details{ padding: 20px; margin-top:50px; } .woocommerce-form-login__submit{ display: block; } .rd-navbar-static .rd-navbar-subpanel{ width: 100%; } .wc-proceed-to-checkout .button{ width: 100%!important; display: block; text-align: center; text-transform: uppercase; font-size: 110%; word-spacing: 2px; letter-spacing: 2px; text-decoration: none; line-height: 40px; } .woocommerce-checkout-review-order td{ border-bottom: 1px solid #d6d6d6; border-right: 1px solid #ccc; padding-left: 10px; padding-right: 10px; } table.woocommerce-checkout-review-order-table th{ border:1px solid #d6d6d6!important; } /*-------------------------------- # CART --------------------------------*/ #customer_details .form-row{ padding-left: 0px; } #customer_details .form-row label, #customer_details .form-row .woocommerce-input-wrapper{ display: block; font-weight: normal; clear: both; width: 100%; } #customer_details .form-row.form-row-wide{ clear: both; } #customer_details .form-row input, #customer_details .form-row textarea{ margin-bottom: 0px; } /*--------------------------------------- # Widgets -----------------------------------------*/ #secondary ul.product_list_widget li:hover, #colophon.site-footer ul.product_list_widget li:hover, #secondary ul.product_list_widget li.focus, #colophon.site-footer ul.product_list_widget li.focus{ padding-left: 0px; text-align: left; } #secondary ul.product_list_widget li:before, #colophon.site-footer ul.product_list_widget li:before{ display: none; } #secondary ul.product_list_widget li img, #colophon.site-footer ul.product_list_widget li img{ border-radius: 5px; -webkit-border-radius: 5px; } #secondary ul.product_list_widget li a{ font-weight:bold; word-spacing: 2px; } .checkout.woocommerce-checkout{ margin:0px -15px; } @media only screen and (max-width : 600px) { .checkout.woocommerce-checkout{ margin: 0px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 100%; float: none; display: block; clear: both; } .woocommerce div.product form.cart, .woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: block!important; } .single.single-product .quantity{ display: block; margin: 0px auto!important; float: none!important; width: 140px; height: 70px; } .woocommerce div.product .woocommerce-tabs ul.tabs{ display: block!important; } .woocommerce #content div.product div.summary .btn{ float: none; margin: 0px auto; margin-top: 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs{ margin-right: 0px; } .woocommerce-cart .woocommerce table.shop_table.cart tr td.product-thumbnail, .woocommerce-cart table.shop_table_responsive tr td.product-remove, .woocommerce-cart .woocommerce table.shop_table.cart tr th.product-remove{ width: 100%; } .woocommerce-cart .woocommerce table.shop_table.cart tr td.product-quantity{ width: auto; } td.product-quantity .quantity{ float: right; transform: translate(10px,-22px); } .shop_table .actions .button{ display: block; float: none; margin: 15px 0px; width: 200px; } .shop_table .actions .coupon .button{ border-radius: 5px; -webkit-border-radius: 5px; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table td{ text-align: right; } #customer_details .col-1, #customer_details .col-2{ width: 100%; max-width: 100%; } .woocommerce-form.woocommerce-form-login.login .form-row.woocommerce-form-row{ width: 100%; float: none; clear: both; } .woocommerce-LostPassword.lost_password{ transform: translateY(0px); float: none; } .woocommerce-MyAccount-navigation{ margin-bottom: 30px; } .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content{ width: 100%; float: none; } .woocommerce.bc-consulting-product-carousel-wrap ul.products li.product, .woocommerce ul.products.ata-product-sidebar-carousel li.product{ width:100%!important; } .ata-sidebar-info{ min-height:250px; display:block; margin-bottom:20px; } ul.products.ata-product-sidebar-carousel .owl-nav { display:none; visibility:hidden; } ul.smart_attribute li{ width:48%; } ul.products.ata-product-sidebar-carousel li.product{ margin-bottom:30px; } } /*------------------------ ----------------- Product list ----------------------------------------*/ ul.products li.product.do-to-list{ float: none!important; width:100%!important; display: flex; padding: 15px; align-items: center; justify-content: center; } ul.products li.product.do-to-list .product_wrap .cat-name{ text-align: left; } ul.products li.product.do-to-list .woocommerce-LoopProduct-link{ max-width: 260px; display: table-cell; width: 260px; vertical-align: middle; } ul.products li.product.do-to-list .product_wrap{ vertical-align: middle; display: table-cell; text-align: left; height:100%; vertical-align: middle; margin-top: 0px; padding-top: 0px; } ul.products li.product.do-to-list .product_wrap .price{ margin-bottom: 10px; display: block; } ul.products li.product .show-on-list{ display: none!important; } ul.products li.product .show-on-list.show{ display:block!important; clear: both; margin-bottom: 30px; } ul.products li.product.do-to-list .show-on-list{ display:flex; } ul.products li.product.do-to-list .product-image{ -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); width: 300px; } ul.products li.product.do-to-list .product-content-wrap{ width: calc( 100% - 300px ); text-align: left; padding-left: 30px; } ul.products li.product .bc-shop-excerpt{ display: none; } ul.products li.product .bc-shop-excerpt.show{ display: block; } ul.products li.product.do-to-list .bc-shop-excerpt{ display:block; } ul.products li.product.do-to-list .star-rating{ margin: 0px; text-align: left; } ul.products li.product.do-to-list .btn, .woocommerce li.product.do-to-list .btn.product_type_variable{ max-width: 70%; min-width: 250px; width: auto; } .woocommerce li.product.do-to-list .show-on-list{ display: block!important; margin-bottom: 10px; clear: both; } .woocommerce li.product a.xoo-qv-button{ border:none; } .woocommerce li.product.do-to-list .button-wrap{ max-width: 220px; } ul.compare-wishlist-single-post{ clear: both; padding-top: 20px; } ul.compare-wishlist-single-post li{ display:inline-block; list-style: none; clear: both; position: relative; width: 49%; } ul.compare-wishlist-single-post li i{ margin-right:5px; } ul.compare-wishlist-single-post a{ color: var(--tertiary-color); } ul.compare-wishlist-single-post a:hover, ul.compare-wishlist-single-post a:focus{ color: var(--secondary-color); } h6.heading-share{ margin:0px; padding:10px 0px; float:left; margin-right:30px; margin-top:20px; } ul.single-product-extra-container{ margin:0px; padding:0px; float:left; margin-top:20px; } .single-product-extra-container li { float: left; margin-bottom: 5px; margin-right: 5px; list-style:none; } .single-product-extra-container li a{ border: 1px solid var( --secondary-color ); color: var( --secondary-color ); height: 45px; line-height: 45px; text-align: center; transition: all 0.3s ease 0s; width: 45px; display:inline-block; border-radius: 5px; } .single-product-extra-container li a:hover, .single-product-extra-container li a:focus{ background:var( --secondary-color ); color:var(--quaternary-color); } .single-product-extra-container li a.facebook:hover, .single-product-extra-container li a.facebook:focus{ background:#4064AC; border: 1px solid #4064AC; } .single-product-extra-container li a.twitter:hover, .single-product-extra-container li a.twitter:focus{ background:#1C9CEA; border: 1px solid #1C9CEA; } .single-product-extra-container li a.pinterest:hover, .single-product-extra-container li a.pinterest:focus{ background:#E60023; border: 1px solid #E60023; } .single-product-extra-container li a.gplus:hover, .single-product-extra-container li a.gplus:focus{ background:#FF4500; border: 1px solid #FF4500; } h2.woocommerce-Reviews-title{ font-size:22px; margin-bottom: 30px!important; } .woocommerce-product-attributes p{ display:block; margin-bottom:0px; padding-bottom:0px; } .woocommerce-product-attributes td, .woocommerce-product-attributes th{ border-bottom:1px solid #D7D7D7; padding:15px; } .mwae-product-list-button .input-text{ width:80px !important; float:left; min-height:46px; padding:0px; border-left:0px; border-right:0px; border-radius:0px; } .mwae-product-list-button .quantity{ float:right; } .mwae-product-lists .row{ margin-bottom:30px; } .mwae-product-list-button .single_add_to_cart_button{ max-width:165px; } .ata-product-carousel.products{ width:100%!important; display:block; } @media only screen and (max-width: 600px) { .woocommerce ul.products.ata-product-sidebar-carousel li.product { padding-bottom:20px; } .elementor ul.smart_attribute li{ width:45%; } ul.products li.product.do-to-list .woocommerce-LoopProduct-link, ul.products li.product.do-to-list .product_wrap{ display:block; width:100%; max-width:100%; clear:both; } .list-grid-nav, .woocommerce .woocommerce-ordering, .woocommerce .result-count { float: none; display: block; text-align: center; padding-bottom:10px; } .woocommerce .result-count li{ float:none; display:inline-block; } .woocommerce ul.products li.do-to-list.product, .woocommerce-page ul.products li.do-to-list.product { width: 100% !important; clear: none !important; margin: 0% !important; display:block !important; margin-bottom: 40px!important; } ul.products li.product.do-to-list .product-image{ width: 100%; margin-bottom: 15px; } .woocommerce li.product.do-to-list .button-wrap{ display: block; margin: 0px auto; } } .summary.entry-summary { background-color: var(--secondary-alpha); padding: 30px; border-radius: 8px; } .summary.entry-summary .woocommerce-product-details__short-description{ clear: both; } table.variations{ background: #fff; border-radius: 8px; -webkit-border-radius: 8px; } table.variations select{ margin-top: 10px; } table.variations th{ color: var(--tertiary-color); width: 25%; padding-left: 30px; } .product_meta > span{ color: var(--tertiary-color); } .product_meta span > span{ margin-right: 10px; } .summary.entry-summary .price, .summary.entry-summary .price ins { font-size: 26px; float: left; color: #000; margin-bottom: 0px; } .summary.entry-summary .woocommerce-product-rating{ float: right; display: flex; } .summary.entry-summary .woocommerce-product-rating a{ font-size: 12px; margin-top: 3px; margin-left: 5px; } .summary.entry-summary .price del{ opacity: 0.4; } .woocommerce-error, .woocommerce-info, .woocommerce-message{ background: #FDF9FD; border-top: 2px solid var(--secondary-color); border-radius: 5px; -webkit-border-radius: 5px; } .related.products{ overflow: hidden; margin: 0px; } .woocommerce-MyAccount-content form p{ margin-bottom: 0px; } .product-image ul.product-action-link{ position: absolute; padding: 0; margin: 0; opacity: 0; visibility: hidden; right: 10px; left: 10px; z-index: 9; margin: auto; bottom: -10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; z-index: 999; } ul.products li.product:hover ul.product-action-link{ bottom: 8px; opacity: 1; visibility: visible; } .product-image ul.product-action-link li{ display: inline-block; } .product-image ul.product-action-link li a { line-height: 40px; width: 42px; height: 40px; font-weight: 400; display: block; font-size:20px; padding: 0; border-radius: 2px; -webkit-border-radius: 2px; text-align: center; border: 0; -webkit-box-shadow: none; box-shadow: none; background: var(--quaternary-color); } .product-image ul.product-action-link li a:hover, .product-image ul.product-action-link li a:focus{ background:var(--tertiary-color); color: var(--quaternary-color); } .added_to_cart.wc-forward{ position: absolute; left: 20px; right: 20px; bottom: 20px; z-index: 9; border-radius: 30px!important; } #reviews.woocommerce-Reviews p.comment-form-author, #reviews.woocommerce-Reviews p.comment-form-email{ margin-bottom: 0px; padding-bottom: 0px; } ul.products li.product .button.theme-btn{ position: relative; margin-top: 20px; display: inline-block; } ul.products li.product .button.theme-btn:after{ content: "\f217"; right: 22px!important; } ul.products li.product .button.theme-btn.loading:after { background: url(assets/images/loader.svg) no-repeat; content: ""; position: absolute; width: 50px; right: -5px; top: 2px; bottom: 0; } ul.products li.product .button.theme-btn.loading:hover:after{ background: url(assets/images/loader-h.svg) no-repeat; } .woocommerce .edit-account .woocommerce-form-row.form-row, .woocommerce-MyAccount-content .form-row{ float: left; width: 50%; padding: 5px 5px 10px 5px; } .woocommerce .edit-account .woocommerce-form-row.form-row em{ display: block; font-size: 14px; margin-bottom: 20px; } .woocommerce .edit-account fieldset{ clear: both; } .woocommerce .edit-account label, .woocommerce-MyAccount-content .form-row label{ font-size: 12px; letter-spacing: 0.77px; position: relative; text-transform: uppercase; } .woocommerce .edit-account input, .woocommerce-MyAccount-content .form-row input, .woocommerce-MyAccount-content .button{ color: #222; padding-left: 0; min-height: 40px; outline: none; box-shadow: none; border-radius: 0; border: 1px solid #e5e5e5; background-color: transparent; font-size: 12px; letter-spacing: 0.77px; position: relative; text-transform: uppercase; padding: 8px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; width: 100%; } .woocommerce .edit-account input:hover, .woocommerce .edit-account input:focus, .woocommerce-MyAccount-content .form-row input:hover, .woocommerce-MyAccount-content .form-row input:focus, .woocommerce-MyAccount-content .button:hover, .woocommerce-MyAccount-content .button:focus{ border-color: var( --secondary-color ); } .woocommerce .edit-account input{ border-color: var(--tertiary-color); } .woocommerce-MyAccount-content .button{ clear:both!important; }