/* WC Page */ .woocommerce #container #content { padding: 40px 0 40px 0; } .woocommerce #container #content #secondary { padding-right: 45px; } .woocommerce .page-full #container #content { width: 100%; padding: 40px 0; margin-left: auto; margin-right: auto; background-color: #ffffff; } .woocommerce .page-full #container { background-color: #ffffff; } /* WC Widget Search */ .widget_product_search .screen-reader-text { display: none; } .widget_product_search #s { width: 100%; border: 1px solid #dedede; padding: 6px 5px 6px 10px; font-weight: normal; height: 40px; margin-bottom: 10px; } .widget_product_search #s:focus { background: #ffffff; } .widget_product_search #searchsubmit { width: 100%; height: 40px; background: #f7c51e; border: 0; color: #ffffff; font-weight: bold; border-radius: 2px; transition: all 200ms ease-out; } @media (min-width: 992px) { .widget_product_search #s { float: left; width: 70%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } } @media (min-width: 992px) { .widget_product_search #searchsubmit { border-top-left-radius: 0; border-bottom-left-radius: 0; width: 30%; } } .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce .related ul.products li.product { width: 33%; } input#coupon_code { width: 120px; margin-right: 15px; } /* WC Widget Category */ .woocommerce-ordering .orderby { width: 100%; border: 1px solid #dedede; padding: 6px 5px 6px 10px; font-weight: normal; height: 40px; margin-bottom: 10px; } .widget_product_categories .children { margin: 5px 0 0 15px; } /* WC Widget Slider */ .ui-slider .ui-slider-range { background: #c1c1c1 !important; height: 12px !important; border-radius: 8px !important; position: absolute !important; border: 0 solid rgba(0, 0, 0, 0) !important; } .ui-slider .ui-slider-handle { background: #ffffff !important; border: 2px solid #dedede !important; height: 20px !important; width: 20px !important; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; cursor: pointer; position: absolute; } .price_slider_wrapper .price_slider { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height: 12px !important; margin: 10px 0 30px 0; position: relative; background-image: none !important; background-color: #dedede !important; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 14px; } /* WC Widget Product List */ .product_list_widget .wp-post-image { position: absolute; left: 0; width: 60px !important; box-shadow: none !important; margin: 0 !important; } .product_list_widget .star-rating { width: 100% !important; display: block !important; } .product_list_widget .star-rating span:before { color: #ff902e; } .widget .product_list_widget li { min-height: 80px; border-bottom: 1px solid #eeeeee; padding: 10px 0 10px 80px !important; position: relative; overflow: hidden; width: 100%; } .widget .product_list_widget li a { display: block; font-size: 14px; margin-bottom: 5px; } .product_list_widget span.amount, .product_list_widget span.reviewer { display: inline-block; font-size: 13px; font-weight: 400; color: #000; margin-top: 3px; } .product_list_widget del span.amount { color: #777; font-weight: normal; text-decoration: line-through; } .product_list_widget .variation { font-size: 80%; margin: 0; } .product_list_widget .variation dt, .product_list_widget .variation dd { display: inline-block; } .product_list_widget .variation dd { margin: 0 0 0 5px; } /* WC Menu */ #button-shop { position: relative; top: 0; left:0; right: 0; } .menu-shop-sub { margin-top: 30px; right: 0; position: absolute; display: none; top: auto; width: 240px !important; padding: 15px; } .menu-shop-sub ul { padding: 0; list-style: none; margin: 0; } .menu-shop-sub ul li { min-height: 80px; } .menu-shop-sub ul li a { position: relative; display: block; color: #ffffff; padding: 10px 0 5px 80px !important; } .menu-shop-sub ul li a .wp-post-image { position: absolute !important; top: 0; left: 0; width: 60px !important; } .menu-shop-sub ul li .quantity { display: block; padding-left: 80px; } .menu-shop-sub p.buttons { margin-bottom: 0; } .menu-shop-sub .button { font-weight: 500; } .menu-shop-sub .button:hover { text-decoration: none; } .menu-shop-sub p.total { margin-bottom: 15px; } .woocommerce div.product form.cart div.quantity { margin-right: 15px; } .menu-shop-sub .variation { display: none; } .menu-shop-sub .wc-forward a:after { margin-left: 10px; content: "\f07a"; font-family: "FontAwesome"; font-size: 16px; } /* WC Page Achieve */ .woocommerce .woocommerce-breadcrumb { margin-bottom: 20px } .woocommerce .page-title { font-size: 24px; font-weight: 600; margin-bottom: 20px; } .woocommerce .products { margin: 0 -15px !important; text-align: center; } .woocommerce .products .product { float: left !important; margin: 0 0 30px 0 !important; padding: 0 15px !important; clear: none; display: inline-block !important; position: relative !important; } .woocommerce ul.products li.product h3 { font-size: 20px !important; margin: 20px 0 15px 0 !important; padding: 0; } .woocommerce .products .product .inner-hover { border: 1px solid #dedede; padding-bottom: 20px; overflow: hidden !important; } .woocommerce .products .product .star-rating { margin: 0 auto 10px auto; } .woocommerce .products .product .star-rating span:before { color: #ff902e; } .woocommerce .products .product a img { box-shadow: none !important; } .woocommerce .onsale, ul.products li.product .onsale { border-radius: 0 !important; background: #f9503e !important; box-shadow: none !important; text-shadow: none !important; font-size: 15px !important; text-transform: uppercase !important; } .woocommerce .products li.first { clear: none !important; } .woocommerce .products .product .price span { font-size: 14px !important; } .woocommerce .products .product .button.added:before { display:block; color: #ff902e; } .woocommerce .products .product .added_to_cart.wc-forward { display: none; } .woocommerce .products .product .button.loading { padding-right: 35px !important; } .woocommerce .submit, .woocommerce .button, .woocommerce-page .button { border-radius: 0 !important; text-shadow: none !important; border: 0 solid rgba(0, 0, 0, 0) !important;box-shadow: none !important; background-image: none !important; padding: 10px 15px !important; } /* WC Page Single */ .woocommerce .woocommerce-message .button { padding: 0 !important; } .woocommerce .woocommerce-message .button:hover { background-color: rgba(0, 0, 0, 0) !important; } .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message { border: 0 solid rgba(0, 0, 0, 0); } .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before { background-color: rgba(0, 0, 0, 0); content: ""; } .woocommerce .summary.entry-summary p { margin-bottom: 20px; } .woocommerce .related.products { padding: 0 15px; } .woocommerce #content div.product form.cart .variations label, .woocommerce div.product form.cart .variations label, .woocommerce-page #content div.product form.cart .variations label, .woocommerce-page div.product form.cart .variations label { font-weight: 700; color: #485257; } .related.products ul li:last-child { display: none !important; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { display: inline-block; } .woocommerce .star-rating span:before { color: #ff902e; } .upsells.products h2, .woocommerce-tabs h2, .related.products h2 { font-size: 22px; font-weight: 400; text-align: left; } ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { width: 60px; height: 60px; border-radius: 99px; background: none; border: 0 solid rgba(0, 0, 0, 0); } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 80px; border: 0 solid #f0eef0; -webkit-border-radius: 0; border-radius: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta { font-size: 14px !important; margin-bottom: 10px; } .woocommerce #reviews h3 { margin: 0 0 30px 0; } #commentform p.comment-form-rating { clear: both; } #commentform p.comment-form-rating label { display: block; width: 100%; float: left; margin-bottom: 10px; } #commentform p.comment-form-rating .stars { float: left; margin-bottom: 10px; padding: 0; } #commentform p.comment-form-comment { display: block; width: 100%; } #commentform p.comment-form-comment textarea { float: left; display: block; width: 100%; } #commentform p.form-submit #submit { float: left; display: block; margin-bottom: 10px; } /* WC Page Cart */ .woocommerce .shipping-calculator-form { margin: 20px 0 15px 0; } .woocommerce .cart-empty { font-size: 32px; text-align: center; margin-bottom: 40px; padding-top: 200px; } .woocommerce .return-to-shop { text-align: center; } .woocommerce .shop_table tbody tr td, .woocommerce .shop_table tbody tr th { padding: 15px; } .woocommerce .cart-collaterals .cross-sells h2, .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { font-size: 24px; font-weight: 400; text-align: left; } .woocommerce-cart table.cart td.actions .coupon .input-text { width:120px; } .woocommerce .cart-collaterals .cart_totals table tbody tr td, .woocommerce .cart-collaterals .cart_totals table tbody tr th { padding: 10px 15px; } .woocommerce .cart-collaterals .cart_totals .order-total { color: #ffffff; padding: 10px; } .woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button { font-size: 22px; font-weight: 400; } .woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after { content: ""; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: inline-block; float: right; } /* WC Page Checkout */ .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message, { border-radius: 2px; background: none; text-shadow: none; box-shadow: none; color: #ffffff; } .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info { border-top: 0 solid #ffffff; } .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info a { } .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { content: ""; font-family: "FontAwesome"; color: #ffffff; font-size: 20px; font-style: normal; background-color: rgba(0 , 0 , 0, 0); top: 10px; left: 15px; box-shadow: none; } .woocommerce-billing-fields h3, .woocommerce-shipping-fields #ship-to-different-address label { font-size: 24px; font-weight: 400; } .woocommerce input, .woocommerce textarea, .woocommerce select { padding: 10px 15px; border: 1px solid #969088; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; background: #ffffff; position: relative; font-size: 14px; color: #999; -webkit-appearance: none; } .woocommerce select { -webkit-appearance: menulist-button; } .woocommerce input[type="radio"], .woocommerce input[type="checkbox"] { float: left; margin: 5px 10px 0 0; padding: 10px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 14px; padding: 12px 16px !important; } .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li { margin-bottom: 6px; } .woocommerce-ordering select.orderby { position: relative; } .woocommerce-ordering select.orderby:after { content: "\f078"; font-family: "FontAwesome"; color: #48527b; font-size: 16px; position: absolute; top: 8px; right: 15px; } .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li { margin:0; padding:0; } /* WC Page Account */ .woocommerce-page .customer_login h2 { font-size: 22px !important; font-weight: 600 !important; } .woocommerce-page .customer_login input { background-color: #fffFff !important; } /* WC Message */ .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-radius: 2px; text-shadow: none; box-shadow: none; padding: 15px !important; } .woocommerce .woocommerce-error { background-color: #f9503e !important; color: #ffffff; padding: 15px!important; } .woocommerce .woocommerce-error li { padding-top: 10px; } .woocommerce .woocommerce-error li:first-child { padding-top: 0; } .woocommerce .woocommerce-message { background-color: #ff902e !important; color: #ffffff; } .woocommerce .woocommerce-info { background-color: #0388c7 !important; color: #ffffff; padding: 15px !important; } .woocommerce .woocommerce-info a { color: #ffffff; } .woocommerce .woocommerce-message .wc-forward { background-color: rgba(0, 0, 0, 0); } /* WC Form */ .woocommerce input[type="search"], .woocommerce textarea, .woocommerce select { padding: 10px 15px; border: 1px solid #dedede; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; background: #ffffff; position: relative; font-size: 14px; color: #999; -webkit-appearance: none; } .woocommerce input[type="submit"] { color: #ffffff; } .woocommerce select { -webkit-appearance: menulist-button; } .woocommerce .input-text { padding: 10px 0 10px 15px; border: 1px solid #dedede; } .menu-shop-sub .button { color: #ffffff; display: block !important; margin-top: 10px !important; text-align: center; padding: 6px 10px !important; } .quantity { float: left; margin-right: 20px; overflow: hidden; border-radius: 3px; } .quantity .input-group-btn { display: inline-block; float: left; } .quantity .input-text { float: left; width: 40px; border: none; border-radius: 0; height: 45px; padding: 0 0 0 10px; margin-bottom: 0; background: #f9f9f9; } .quantity .input-group-btn button.btn { background: #f1f1f1; color: #999999; font-family: sans-serif !important; font-size: 18px; font-weight: 700; padding: 0; height: 45px; width: 40px; text-align: center; border-radius: 0; margin-bottom: 0; } button.single_add_to_cart_button { color: #fff; background: #333333; } button.single_add_to_cart_button:hover{ background: #44bdbd; color: #ffffff; } /* WC Table */ .woocommerce table.shop_table td,.woocommerce table.shop_table th { border:0 } .woocommerce table.shop_table,.woocommerce-page table.shop_table { border-collapse:separate; margin:0 0 60px; text-align:left; width:100%; overflow:hidden } .woocommerce table.shop_table td.actions,.woocommerce table.shop_table th,.woocommerce-page table.shop_table th { font-weight:700; text-transform:uppercase; color:#666; line-height:18px; padding:20px; background:#f5f5f5 } .woocommerce table.shop_table tr.cart_item td { border-top:1px solid #dedede; padding:20px; vertical-align:middle } .woocommerce table.shop_table tr.cart_item:first-child td { border-top:none; width:100px!important } .woocommerce table.shop_table td small,.woocommerce-page table.shop_table td small { font-weight:400 } .woocommerce table.my_account_orders td,.woocommerce table.my_account_orders th,.woocommerce-page table.my_account_orders td,.woocommerce-page table.my_account_orders th { padding:4px 8px; vertical-align:middle } .woocommerce table.my_account_orders .button,.woocommerce-page table.my_account_orders .button { white-space:nowrap } .woocommerce table.my_account_orders .order-actions,.woocommerce-page table.my_account_orders .order-actions { text-align:right } .woocommerce table.my_account_orders .order-actions .button,.woocommerce-page table.my_account_orders .order-actions .button { margin:.125em 0 .125em .25em } .woocommerce td.product-name dl.variation,.woocommerce-page td.product-name dl.variation { font-size:.8751em; margin:.25em 0 .5em } .woocommerce td.product-name dl.variation dt,.woocommerce-page td.product-name dl.variation dt { clear:left; float:left; font-weight:600; margin:0 .25em 0 0; padding:0 } .woocommerce td.product-name dl.variation dd,.woocommerce-page td.product-name dl.variation dd { margin:0 0 .25em } .woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail { min-width:200px } .woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img { height:auto; width:90px } .woocommerce #content table.cart td,.woocommerce #content table.cart th,.woocommerce table.cart td,.woocommerce table.cart th,.woocommerce-page #content table.cart td,.woocommerce-page #content table.cart th,.woocommerce-page table.cart td,.woocommerce-page table.cart th { vertical-align:middle } .woocommerce #content table.cart a.remove,.woocommerce table.cart a.remove,.woocommerce-page #content table.cart a.remove,.woocommerce-page table.cart a.remove { border-radius:100%; color:#333; display:block; font-size:1.6em; font-weight:700; height:1.6em; line-height:1.6em; text-align:center; text-decoration:none; width:1.6em } .woocommerce #content table.cart a.remove:hover,.woocommerce table.cart a.remove:hover,.woocommerce-page #content table.cart a.remove:hover,.woocommerce-page table.cart a.remove:hover { background-color:#f3321e; color:#fff } .woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions { text-align:right } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon { float:left } .woocommerce #content table.cart td.actions .coupon label, .woocommerce table.cart td.actions .coupon label, .woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label { display:none } .woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { float:left; margin-right:10px; padding:8px 10px; width:180px } .woocommerce #content table.cart td.actions .button.alt, .woocommerce table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .button.alt { float:right; margin-left:10px } .woocommerce #content table.cart input,.woocommerce table.cart input,.woocommerce-page #content table.cart input,.woocommerce-page table.cart input { margin:0; vertical-align:middle } /* WC Pagination */ .woocommerce-page nav.woocommerce-pagination { text-align: center; margin: 0; display: block; } .woocommerce-page nav.woocommerce-pagination ul { text-align: center; padding: 0; margin: 0; border: 0; } .woocommerce-page nav.woocommerce-pagination ul li { display: inline-block; font-size: 16px; font-weight: 600; margin-right: 8px; border: 0; } .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a:hover { position: relative; display: inline-block; width: 32px; height: 32px; text-decoration: none; } .woocommerce-page nav.woocommerce-pagination ul li a.prev, .woocommerce-page nav.woocommerce-pagination ul li a.next { color: rgba(242, 242, 242, 0); } .woocommerce-page nav.woocommerce-pagination ul li i { margin-right: 5px; } .woocommerce-page nav.woocommerce-pagination .page-numbers, .woocommerce-page nav.woocommerce-pagination .prev.page-numbers, .woocommerce-page nav.woocommerce-pagination .next.page-numbers { padding: 6px 10px; } .woocommerce-page nav.woocommerce-pagination .page-numbers li a.prev:after { content: "\f053" !important; font-family: "FontAwesome" !important; position: absolute; left: 30%; top: 25%; color: #ffffff; } .woocommerce-page nav.woocommerce-pagination .page-numbers li a.next:after { content: "\f054" !important; font-family: "FontAwesome" !important; position: absolute; left: 40%; top: 25%; color: #ffffff; } /* WC Total table */ .input-text#coupon_code { padding:10px 12px!important; font-weight:400 } .cart-collaterals { width:560px; float:right; margin-top:0 } .cart-collaterals:after { content:""; display:block; clear:both }.cart_totals { width:100%; margin:0 } .cart_totals h2 { margin:0 0 20px; font-size:20px }.cart_totals table { width:100% } .cart_totals th { width:40%; text-align:left; font-weight:700; padding:10px 20px; background:#dedede; border-bottom:1px solid #fff } .cart_totals tr:last-child th { border:none } .cart_totals td { padding:10px 20px; background:#f5f5f5; border-bottom:1px solid #fff } .cart_totals tr:last-child td { border:none }.cart_totals .total .amount { font-size:16px; color:#444 } .wc-proceed-to-checkout { margin-top:40px; text-align:right } #order_review_heading { margin-top:40px } .woocommerce .form-row input[type=email],.woocommerce .form-row input[type=password],.woocommerce .form-row input[type=text],.woocommerce .form-row select,.woocommerce .form-row submit,.woocommerce .form-row textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%!important; display:block } .woocommerce .addresses h3 { margin-bottom: 0; } .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input[type="submit"]:hover, .woocommerce .button:hover { color: #ffffff !important; } .woocommerce ul.products li.product .button { display: inline-block; } .woocommerce .products .inner-hover a { overflow: hidden; position: relative; top: 0; left: 0; display: block; } .woocommerce div.product { overflow: hidden; position: relative; top: 0; left: 0; display: block; } .woocommerce div.product .onsale, .woocommerce ul.products li.product .onsale {position: absolute; top: -10px; left: -40px; right: auto !important; width: 120px !important;text-align: center;background: #44bdbd;color: #fff;display: block;margin: 0 !important;padding: 10px 0 0 0 !important;font-weight: 700;text-transform: uppercase;z-index: 9; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /* WP Update Fix */ .woocommerce-product-search { position: relative; left: 0; top: 0; } .woocommerce-product-search .search-field { width: 100%; border-radius: 0; } .woocommerce-product-search input[type="submit"] { position: absolute !important; right: 0; top: 0; border-radius: 0; } .widget_product_categories .product-categories ul { padding: 4px 0; } .widget_product_categories .product-categories ul li { padding: 4px 0; }