/* $headings-font-weight: 700 !default; */ /** * Import component variables */ /** elements mixins **/ /** * Transition-timing-function property@mixin */ /*background RGBA ============================================*/ /*inline-block ============================================*/ /****/ /****/ /****/ /** elements mixins **/ /** * Transition-timing-function property@mixin */ /*background RGBA ============================================*/ /*inline-block ============================================*/ /****/ /****/ /* * Global variables */ /* main color which will be used for all main block styles... */ /** * Import component variables */ /** * */ /* */ /* carousel-controls-v1 */ /* carousel-controls-v2 */ /* carousel-controls-v3 */ /* Navigation Styles */ /* carousel-indicators-v1 */ /* carousel-indicators-v2 */ /* carousel-indicators-v3 */ /* carousel-indicators-v4 */ /* carousel-indicators-v5 */ /* carousel-indicators-v6 */ /* --- SCSS For Testimonials --- */ /* testimonials default */ /* testimonials-v1 */ /* testimonials light */ /** * Blocks Layout Selectors */ /********* LAYOUT **************/ /** * Styling special product block. */ .products.related, .product.upsell { margin-bottom: 30px !important; position: relative; padding: 0px; background: transparent; border-width: 0px; border-style: solid; } .products.related h2, .product > #reviews > h3, .product.upsell h2 { color: #000000; font-weight: 700; padding: 15px 20px; margin: 0 0 30px; text-transform: none; font-size: 30px; position: relative; z-index: 10; font-weight: 700; line-height: 1.1; } .product > #reviews { border: solid 1px #e5e5e5; margin-bottom: 30px; } /** * */ .woocommerce ul.product_list_widget li { padding: 20px 0 0; } .woocommerce ul.product_list_widget li a { color: #666666; font-weight: 500; } .woocommerce ul.product_list_widget li a:hover { color: #000000; } .woocommerce ul.product_list_widget li a > span { margin-bottom: 5px; display: inline-block; } .woocommerce ul.product_list_widget li img { float: left; margin: 0 10px 0 0; width: 70px; } .rtl .woocommerce ul.product_list_widget li img { margin: 0 0 0 10px; } @media (max-width: 991px) { .woocommerce ul.product_list_widget li img { width: 50px; } } .woocommerce ul.product_list_widget li span.amount { font-weight: 700; color: #000000; } .woocommerce ul.product_list_widget li:first-child { padding-top: 0; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #d3d3d3; border-radius: 0; height: 5px; margin-bottom: 25px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range { background-color: #e93434; border-radius: 0; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle { border-radius: 0; width: 13px; height: 13px; background-color: #000; } .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount { text-align: left; line-height: 34px; color: #000000; font-size: 11px; text-transform: uppercase; font-weight: 700; } .rtl .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount { text-align: right; } .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .button { float: right; } .rtl .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .button { float: left; } .widget .product-wrapper { margin-top: -20px; } .widget .product-wrapper .product-block { margin: 20px 0 0; } .widget .product-wrapper .product-block .onsale { border-radius: 0; } .widget .product-wrapper .product-block .star-rating { float: none; overflow: hidden; position: relative; height: 1.1em; line-height: 1; font-size: 0.8em; width: 6em; letter-spacing: 2px; font-family: 'star'; color: #ffcc33; } .widget .product-wrapper .product-block .star-rating:before { content: "\73\73\73\73\73"; color: #bbbbbb; float: left; top: 0; left: 0; position: absolute; } .widget .product-wrapper .product-block .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .widget .product-wrapper .product-block .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .widget .product-wrapper .product-block .image { padding: 0; margin-bottom: 10px; } .widget .product-wrapper .product-block .caption { margin: 0; } .widget .product-wrapper .product-block .caption .meta .name { font-size: 16px; margin: 0 0 7px; font-weight: 500; } .widget .product-wrapper .product-block .caption .meta .name a { color: #999999; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .widget .product-wrapper .product-block .caption .meta .name a:hover { color: #000000; } .widget .product-wrapper .product-block .caption .meta .price { color: #000000; margin-top: 3px; display: block; } .widget .product-wrapper .product-block .caption .meta .price del span { text-decoration: line-through; opacity: 0.5; filter: alpha(opacity=50); font-size: 80%; } .widget.articles-products-list-widget, .widget.articles-products-tabs-widget { overflow: hidden; } .widget.articles-products-tabs-widget .widget-products-tabs header { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 30px; } .widget.articles-products-tabs-widget .widget-products-tabs header h3 { font-size: 30px; position: relative; margin: 0; padding: 18px 0 0; } .widget.articles-products-tabs-widget .widget-products-tabs header h3:before { content: ""; height: 6px; width: 40px; background-color: #000000; position: absolute; top: 0; left: 0; } .rtl .widget.articles-products-tabs-widget .widget-products-tabs header h3:before { right: 0; left: auto; } .widget.articles-products-tabs-widget .widget-products-tabs header .nav-tabs { border-bottom: none; margin-top: 12px; margin-bottom: 0; } .widget.articles-products-tabs-widget .widget-products-tabs header .nav-tabs > li { margin-bottom: 0; } .widget.articles-products-tabs-widget .widget-products-tabs header .nav-tabs > li > a { text-transform: uppercase; font-size: 13px; font-weight: 700; color: #999; line-height: 1; padding: 12px 20px; border-radius: 3px; margin: 0 0 0 1px; border: none; } .rtl .widget.articles-products-tabs-widget .widget-products-tabs header .nav-tabs > li > a { margin: 0 1px 0 0; } @media (max-width: 991px) { .widget.articles-products-tabs-widget .widget-products-tabs header .nav-tabs > li > a { padding: 10px 15px; } } .widget.articles-products-tabs-widget .widget-products-tabs header .nav-tabs > li.active > a { border: none; color: #000000; background-color: #eeeeee; } .product-block.media .image { display: block; padding: 0; margin-right: 10px; } .rtl .product-block.media .image { margin-left: 10px; margin-right: inherit; } .product-block.media .image img { width: 70px; } .product-block.media .media-body { text-align: left; } .product-block.media .media-body .name { font-weight: 500; margin: 0 0 5px; } .product-block.media .media-body .name a { color: #666666; } .product-block.media .media-body .name a:hover { color: #000000; } .product-block.media .media-body .price > * { font-size: 14px; color: #000000; } .product-block.media .media-body .price del span { text-decoration: line-through; opacity: 0.5; filter: alpha(opacity=50); font-size: 80%; } .product-block.product-deal .image { margin: 0 0 15px !important; } .product-block.product-deal .image .product-image { display: block; } .product-block.product-deal .image .onsale { left: 0; } .rtl .product-block.product-deal .image .onsale { right: 0; left: auto; } .product-block.product-deal .time { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 30px 25px 30px; } .rtl .product-block.product-deal .time { right: 0; left: auto; } .rtl .product-block.product-deal .time { padding: 0 30px 25px 30px; } @media (max-width: 991px) { .product-block.product-deal .time { padding: 0 20px 15px 20px; } } .product-block.product-deal .time .countdown-times { text-align: center; } .product-block.product-deal .time .countdown-times > div { display: inline-block; width: 48px; height: 48px; background-color: #FFF; border: 2px solid #d5d5d5; line-height: 1; color: #bbbbbb; font-size: 11px; text-transform: uppercase; overflow: hidden; margin-left: 3px; } .rtl .product-block.product-deal .time .countdown-times > div { margin-right: 3px; margin-left: inherit; } .product-block.product-deal .time .countdown-times > div:first-child { margin-left: 0; } .rtl .product-block.product-deal .time .countdown-times > div:first-child { margin-right: 0; margin-left: inherit; } .product-block.product-deal .time .countdown-times > div b { display: block; font-size: 18px; color: #000000; margin: 5px 0 4px; } .product-block.product-deal .name { margin: 0 0 10px; font-size: 16px; font-weight: 500; } .product-block.product-deal .name a { color: #999; } .product-block.product-deal .name a:hover { color: #000000; } .product-block.product-deal .price > * { font-size: 18px; color: #000000; } .product-block.product-deal .price del span { text-decoration: line-through; opacity: 0.5; filter: alpha(opacity=50); font-size: 80%; } .woocommerce .top-cart .dropdown-menu, .page .top-cart .dropdown-menu, .archive .top-cart .dropdown-menu { min-width: 200px; padding: 0 20px; } @media (max-width: 1199px) { .woocommerce .top-cart .dropdown-menu, .page .top-cart .dropdown-menu, .archive .top-cart .dropdown-menu { left: -90px; } } .woocommerce .top-cart .dropdown-menu .cart_list.product_list_widget, .page .top-cart .dropdown-menu .cart_list.product_list_widget, .archive .top-cart .dropdown-menu .cart_list.product_list_widget { border-bottom: 1px solid #e5e5e5; padding: 0 0 20px; margin-bottom: 15px; overflow: hidden; } .woocommerce .top-cart .dropdown-menu .cart_list.product_list_widget li, .page .top-cart .dropdown-menu .cart_list.product_list_widget li, .archive .top-cart .dropdown-menu .cart_list.product_list_widget li { position: relative; overflow: hidden; padding: 0; margin-top: 20px; list-style: none; } .woocommerce .top-cart .dropdown-menu .cart_list.product_list_widget li a.remove, .page .top-cart .dropdown-menu .cart_list.product_list_widget li a.remove, .archive .top-cart .dropdown-menu .cart_list.product_list_widget li a.remove { position: absolute; top: 50%; right: 0; margin-top: -10px; color: #e93434 !important; border: 0 none; border-radius: 100%; display: block; font-size: 1.5em; font-weight: 700; height: 1em; line-height: 1; text-align: center; text-decoration: none; width: 1em; } .rtl .woocommerce .top-cart .dropdown-menu .cart_list.product_list_widget li a.remove, .rtl .page .top-cart .dropdown-menu .cart_list.product_list_widget li a.remove, .rtl .archive .top-cart .dropdown-menu .cart_list.product_list_widget li a.remove { left: 0; right: auto; } .woocommerce .top-cart .dropdown-menu .cart_list.product_list_widget li a.remove:hover, .page .top-cart .dropdown-menu .cart_list.product_list_widget li a.remove:hover, .archive .top-cart .dropdown-menu .cart_list.product_list_widget li a.remove:hover { background: none; color: #000000 !important; } .woocommerce .top-cart .dropdown-menu .cart_list.product_list_widget li a, .page .top-cart .dropdown-menu .cart_list.product_list_widget li a, .archive .top-cart .dropdown-menu .cart_list.product_list_widget li a { font-weight: 500; color: #666666; } .woocommerce .top-cart .dropdown-menu .cart_list.product_list_widget li a img, .page .top-cart .dropdown-menu .cart_list.product_list_widget li a img, .archive .top-cart .dropdown-menu .cart_list.product_list_widget li a img { float: left; margin: 0 10px 0 0; width: 70px; } .rtl .woocommerce .top-cart .dropdown-menu .cart_list.product_list_widget li a img, .rtl .page .top-cart .dropdown-menu .cart_list.product_list_widget li a img, .rtl .archive .top-cart .dropdown-menu .cart_list.product_list_widget li a img { margin: 0 0 0 10px; } .woocommerce .top-cart .dropdown-menu .cart_list.product_list_widget li span.amount, .page .top-cart .dropdown-menu .cart_list.product_list_widget li span.amount, .archive .top-cart .dropdown-menu .cart_list.product_list_widget li span.amount { font-weight: 700; color: #000000; } .woocommerce .top-cart .dropdown-menu p.buttons, .page .top-cart .dropdown-menu p.buttons, .archive .top-cart .dropdown-menu p.buttons { margin-bottom: 20px; } .woocommerce .top-cart .dropdown-menu p.buttons a.button.wc-forward, .page .top-cart .dropdown-menu p.buttons a.button.wc-forward, .archive .top-cart .dropdown-menu p.buttons a.button.wc-forward { background-color: #000000; color: #FFF; border-radius: 0; font-weight: normal; padding: 10px 20px; display: inline-block; } @media (max-width: 1199px) { .woocommerce .top-cart .dropdown-menu p.buttons a.button.wc-forward, .page .top-cart .dropdown-menu p.buttons a.button.wc-forward, .archive .top-cart .dropdown-menu p.buttons a.button.wc-forward { padding: 10px; } } .woocommerce .top-cart .dropdown-menu p.buttons a.button.wc-forward:hover, .page .top-cart .dropdown-menu p.buttons a.button.wc-forward:hover, .archive .top-cart .dropdown-menu p.buttons a.button.wc-forward:hover { text-decoration: none; } .widget-products .products-grid > .row { border: none; } .productinfo-show-discounts { font-size: 12px; margin: 20px 0 !important; padding-left: 75px; position: relative; color: #666; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 3px; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .rtl .productinfo-show-discounts { padding-right: 75px; padding-left: inherit; } .productinfo-show-discounts:before { background: url("../images/icon-show-discounts.png") no-repeat center center #70ba28; width: 36px; height: 36px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 20px; top: 20px; content: ""; } .rtl .productinfo-show-discounts:before { right: 20px; left: auto; } .productinfo-show-discounts hr { border-top-color: #c9e2b3; } .productinfo-show-discounts .alert-link { color: #2b542c; } .productinfo-show-discounts ul { list-style: none; padding-left: 60px; } .rtl .productinfo-show-discounts ul { padding-right: 60px; padding-left: inherit; } .productinfo-show-discounts ul li { padding: 3px 0; } .productinfo-show-discounts ul li:before { content: "\f14a"; font-family: "FontAwesome"; color: #70ba28; padding-right: 8px; } .rtl .productinfo-show-discounts ul li:before { padding-left: 8px; padding-right: inherit; } #reviews .reviews-summary { padding: 15px 30px; } #reviews .reviews-summary .review-summary-total { text-align: center; font-weight: 400; } #reviews .reviews-summary .review-summary-total .review-summary-result { width: 90px; height: 90px; text-align: center; border: 2px solid #f0c73b; color: #f0c73b; line-height: 90px; font-size: 24px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-bottom: 8px; } #reviews .reviews-summary .review-summary-detal { overflow: hidden; display: block; } #reviews .reviews-summary .review-summary-detal .review-label { color: #000; font-weight: 400; } #reviews .comments { border-top: 1px solid #e5e5e5; padding: 20px 30px; } #reviews .comments .commentlist { margin: 15px 0; } #reviews .comments .commentlist .comment { margin-bottom: 30px; } #reviews .comments .commentlist .comment-image { min-width: 100px; margin-right: 20px; } .rtl #reviews .comments .commentlist .comment-image { margin-left: 20px; margin-right: inherit; } #reviews .comments .commentlist .comment-image > span { display: block; margin-bottom: 5px; } #reviews .comments .commentlist .comment-image .avatar { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #reviews .comments .commentlist .comment-image .author { color: #000; } #reviews .comments .commentlist .comment-text { border: 1px solid #e5e5e5; padding: 15px 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } #reviews .comments .commentlist .comment-text > div { margin-bottom: 7px; } #reviews .review_form_wrapper { border-top: 1px solid #e5e5e5; padding: 20px 30px; } #reviews .progress { height: 15px; margin-bottom: 15px; } /** * Product Single Page */ .product-block { position: relative; margin-bottom: 20px; list-style: none; } .product-block .onsale { position: absolute; width: 36px; height: 36px; background-color: #e93434; color: #fff; top: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 36px; font-size: 12px; font-weight: 400; z-index: 100; } .product-block .image { position: relative; text-align: center; overflow: hidden; padding: 2px; } .product-block .image img { height: auto; width: 100%; } .product-block .image a, .product-block .image .product-image { display: inline-block; overflow: hidden; position: relative; } .product-block .image .image-effect { top: 0; position: absolute; overflow: hidden; left: 0; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); -o-transform: translate(-100%, 0px); transform: translate(-100%, 0px); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .rtl .product-block .image .image-effect { right: 0; left: auto; } .product-block .image .image-hover { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-block .image:hover .image-effect { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .product-block .image:hover .image-hover { -webkit-transform: translate(100%, 0px); -ms-transform: translate(100%, 0px); -o-transform: translate(100%, 0px); transform: translate(100%, 0px); } .product-block .image .yith-wcwl-add-to-wishlist span, .product-block .image .yith-wcwl-add-to-wishlist span { display: none; } .product-block .caption { margin-right: 10px; margin-left: 10px; text-align: center; } .product-block .price > * { width: auto; display: inline-block; display: inline-block; text-align: center; /* 3 */ /* 3 */ /* 4 */ /* 6 */ /* 6 */ /* 7 */ font-size: 18px; /* 9 */ font-size: 1.8rem; /* 9 */ font-weight: 700; } .product-block .price > * span { margin: 0 3px; display: inline-block; *display: inline; zoom: 1; } .product-block .price > del { text-align: right; } .rtl .product-block .price > del { text-align: left; } .product-block .price > ins { text-align: left; } .rtl .product-block .price > ins { text-align: right; } .product-block .name { /* 3 */ /* 3 */ /* 4 */ /* 6 */ /* 6 */ /* 7 */ font-size: 14px; /* 9 */ font-size: 1.4rem; /* 9 */ line-height: 20px; font-weight: normal; } .product-block .category { text-transform: none; font-weight: 300; font-style: italic; /* 3 */ /* 3 */ /* 4 */ /* 6 */ /* 6 */ /* 7 */ font-size: 12px; /* 9 */ font-size: 1.2rem; /* 9 */ } .product-block .category a { color: #bbbbbb; } .product-block .category a:hover { color: #000000; } .product-block .rating { text-align: center; } .product-block .rating .star-rating { display: inline-block; } .product-block .add_to_cart_button { position: relative; } .product-block .add_to_cart_button.loading .title-cart { visibility: hidden; } .product-block .add_to_cart_button.loading .title-cart:after { visibility: visible; content: "Loadding.."; position: absolute; top: 9px; left: 5px; width: 100%; text-align: center; } .product-block:hover .button-action > div { opacity: 1; filter: alpha(opacity=100); } .button-action > div { position: absolute; bottom: 20px; left: 20px; width: 35px; height: 35px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .rtl .button-action > div { right: 20px; left: auto; } @media (min-width: 991px) { .button-action > div { opacity: 0; filter: alpha(opacity=0); } } .button-action > div.yith-wcwl-add-to-wishlist { -webkit-transition-delay: 0.2s, 0s; -moz-transition-delay: 0.2s, 0s; -ms-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } .button-action > div.yith-compare { left: 58px; -webkit-transition-delay: 0.3s, 0s; -moz-transition-delay: 0.3s, 0s; -ms-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .rtl .button-action > div.yith-compare { right: 58px; left: auto; } .button-action > div.yith-compare .compare.added { overflow: hidden; color: transparent !important; } .button-action > div.yith-compare .compare.added:before { content: "\f0ec"; font-family: 'FontAwesome'; position: absolute; color: #FFF !important; width: 35px; height: 35px; } .button-action > div.quick-view { left: 96px; -webkit-transition-delay: 0.4s, 0s; -moz-transition-delay: 0.4s, 0s; -ms-transition-delay: 0.4s, 0s; -o-transition-delay: 0.4s, 0s; transition-delay: 0.4s, 0s; } .rtl .button-action > div.quick-view { right: 96px; left: auto; } .button-action > div a { background-color: #000000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #FFF !important; line-height: 35px; text-align: center !important; width: 35px; height: auto; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-box-shadow: 0 1px 2px #d9d9d9; box-shadow: 0 1px 2px #d9d9d9; } .button-action > div a i { margin: 0 !important; } .button-action > div a:hover { background-color: #2E2D32; border-color: #2E2D32; color: #FFF; } .button-action .title, .button-action .clear { display: none; } /** * Products Listing In Grid Style */ .woocommerce .products-grid > .row > li { list-style: none; width: 25%; float: left; padding-left: 15px; padding-right: 15px; margin-top: 30px; position: relative; } @media (max-width: 991px) { .woocommerce .products-grid > .row > li { width: 33.333333%; } } .woocommerce .products-grid > .row > li:hover > a h3 { color: #000000; } .woocommerce .products-grid > .row > li > a { text-align: center; display: block; position: relative; } .woocommerce .products-grid > .row > li > a h3 { font-size: 16px; color: #999; font-weight: 500; margin: 15px 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .woocommerce .products-grid > .row > li > a .rating { text-align: center; } .woocommerce .products-grid > .row > li > a .rating .star-rating { display: inline-block; float: none; overflow: hidden; position: relative; height: 1.1em; line-height: 1; font-size: 0.8em; width: 6em; letter-spacing: 2px; font-family: 'star'; color: #ffcc33; } .woocommerce .products-grid > .row > li > a .rating .star-rating:before { content: "\73\73\73\73\73"; color: #bbbbbb; float: left; top: 0; left: 0; position: absolute; } .woocommerce .products-grid > .row > li > a .rating .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .woocommerce .products-grid > .row > li > a .rating .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .woocommerce .products-grid > .row > li > a .price { font-size: 18px; font-weight: 700; display: block; color: #000000; } .woocommerce .products-grid > .row > li > a .price del span { text-decoration: line-through; opacity: 0.5; filter: alpha(opacity=50); font-size: 80%; } .woocommerce .products-grid > .row > li > a .price > * span { display: inline-block; margin: 0 3px; } .woocommerce .products-grid > .row > li .add-cart { text-align: center; margin-top: 15px; display: none; } .woocommerce .products-grid .product-block .caption { margin-left: 20px; margin-right: 20px; } .woocommerce .products-grid div.product { position: relative; border: solid 1px #e5e5e5; border-right: none; border-bottom: none; } .woocommerce .products-grid div.product:after { background-color: #e5e5e5; position: auto; bottom: 0; right: 0; width: 100%; content: ""; height: 1px; } .woocommerce .products-grid div.product.first { clear: both; border-left: none; } .woocommerce .products-grid div.product .name { max-height: 40px; overflow: hidden; } ul.pbr-w-products-list { padding: 0; margin: 0 !important; } ul.pbr-w-products-list .product-block { padding: 15px; margin-bottom: 0; margin-top: 0; } ul.pbr-w-products-list .product-block:nth-child(2n) { background: #F9F9F9; } ul.pbr-w-products-list .product-block img { max-width: 90px; margin-right: 15px; } .rtl ul.pbr-w-products-list .product-block img { margin-left: 15px; margin-right: inherit; } .woocommerce .woocommerce-result-count { margin: 5px 0 0; } /** * Single product */ /*------------------------------------*\ Quantity inputs \*------------------------------------*/ .quantity { position: relative; margin: 0 auto; overflow: hidden; zoom: 1; float: left; } .quantity span { font-size: 16px; margin-right: 5px; } .rtl .quantity span { margin-left: 5px; margin-right: inherit; } .rtl .quantity { float: right; } .quantity input.qty { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; padding: 0; width: 45px; height: 40px; padding: 0; text-align: center; color: #000; font-weight: 400; border: 1px solid #e5e5e5; } .quantity input.qty:focus:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .quantity .plus, .quantity .minus { background: #FFF; float: right; clear: right; display: block; padding: 0; margin: 0; vertical-align: text-top; text-decoration: none; overflow: visible; text-decoration: none; cursor: pointer; line-height: 13px; font-size: 12px; color: #666666; border: 1px solid #e5e5e5; text-align: center; width: 25px; height: 19px; } .rtl .quantity .plus, .rtl .quantity .minus { float: left; } .rtl .quantity .plus, .rtl .quantity .minus { clear: left; } .quantity .plus { border-bottom-right-radius: 0; border-bottom-left-radius: 0; right: 0; } .rtl .quantity .plus { left: 0; right: auto; } .quantity .minus { bottom: 0; right: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .rtl .quantity .minus { left: 0; right: auto; } .single-product .summary { /* 3 */ /* 3 */ /* 4 */ /* 6 */ /* 6 */ /* 7 */ font-size: 14px; /* 9 */ font-size: 1.4rem; /* 9 */ } .single-product .summary .product_meta { clear: both; margin-top: 0; padding: 10px 0 5px; } .single-product .summary .product_meta a { color: #a0a0a0; } .single-product .summary .product_meta a:hover { color: #000000; text-decoration: none; } .single-product .summary .product_meta > span { display: block; color: #000; } .single-product .summary .product_meta > div { margin-bottom: 15px; } .single-product .summary .share_social { background-color: #f5f5f5; border: 1px solid #f0f0f0; padding: 15px; margin-top: 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .single-product .summary .share_social span { color: #000; line-height: 35px; } .single-product .summary .clear { display: none; } .single-product .summary form.cart { float: left; margin-top: 15px; } .rtl .single-product .summary form.cart { float: right; } .single-product .summary .yith-wcwl-add-to-wishlist { float: left; position: relative; } .rtl .single-product .summary .yith-wcwl-add-to-wishlist { float: right; } .single-product .summary .yith-wcwl-add-to-wishlist .ajax-loading { position: absolute; top: 5px; left: 20px; } .rtl .single-product .summary .yith-wcwl-add-to-wishlist .ajax-loading { right: 20px; left: auto; } .single-product .summary a.compare { float: left; } .rtl .single-product .summary a.compare { float: right; } .single-product .summary a.compare.added { position: relative !important; } .single-product .summary a.compare.added:before { position: absolute; top: -4px; content: "\f0ec"; font-family: "FontAwesome"; display: block; width: 30px; height: 30px; left: -35px; } .rtl .single-product .summary a.compare.added:before { right: -35px; left: auto; } .single-product .woocommerce-tabs .panel { border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .single-product .woocommerce-tabs .panel h2 { position: relative; padding: 18px 0 15px; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; } .single-product .woocommerce-tabs .panel h2:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 6px; background-color: #000000; } .rtl .single-product .woocommerce-tabs .panel h2:before { right: 0; left: auto; } .product > #reviews { border: none; } .product > #reviews #comments h2 { position: relative; padding: 18px 0 15px; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; } .product > #reviews #comments h2:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 6px; background-color: #000000; } .rtl .product > #reviews #comments h2:before { right: 0; left: auto; } .product > #reviews #comments .commentlist { padding: 0; } .product > #reviews #comments .commentlist .comment { margin: 0; } .product > #reviews #comments .commentlist .comment .comment_container { padding-bottom: 25px; } .product > #reviews #comments .commentlist .comment .comment_container img.avatar { border: none; padding: 0; width: 55px; } .product > #reviews #comments .commentlist .comment .comment_container .comment-text { margin-left: 70px; padding: 0; border: none; } .rtl .product > #reviews #comments .commentlist .comment .comment_container .comment-text { margin-right: 70px; margin-left: inherit; } .product > #reviews #comments .commentlist .comment .comment_container .comment-text .description p:last-child { margin-bottom: 0; } .product > #reviews #review_form_wrapper #review_form #respond .comment-reply-title { position: relative; padding: 18px 0 15px; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; font-size: 30px; } .product > #reviews #review_form_wrapper #review_form #respond .comment-reply-title:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 6px; background-color: #000000; } .rtl .product > #reviews #review_form_wrapper #review_form #respond .comment-reply-title:before { right: 0; left: auto; } .product > #reviews #review_form_wrapper #review_form #respond .comment-form > p { margin-bottom: 15px; } .product > #reviews #review_form_wrapper #review_form #respond .comment-form > p > label { display: block; } .product > #reviews #review_form_wrapper #review_form #respond .comment-form > p input[type=text] { height: 34px; border: 1px solid #e5e5e5; padding: 6px 12px; line-height: 20px; width: 100%; } .product > #reviews #review_form_wrapper #review_form #respond .comment-form > p textarea { border: 1px solid #e5e5e5; padding: 6px 12px; height: auto; width: 100%; } .product > #reviews #review_form_wrapper #review_form #respond .comment-form > p.form-submit { margin-top: 20px; margin-bottom: 0; } .upsells.products { margin-bottom: 30px; } .upsells.products h2 { position: relative; padding: 18px 0 15px; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; } .upsells.products h2:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 6px; background-color: #000000; } .rtl .upsells.products h2:before { right: 0; left: auto; } .upsells.products .products.products-grid { margin-top: -30px; } .related.products h2 { position: relative; padding: 18px 0 15px; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; } .related.products h2:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 6px; background-color: #000000; } .rtl .related.products h2:before { right: 0; left: auto; } .related.products .products.products-grid { margin-top: -30px; } .woocommerce .woocommerce-message { border-top-color: #000000; } .woocommerce .woocommerce-message:before { color: #000000; } .woocommerce div.product .woocommerce-tabs { margin-bottom: 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs { background: none; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:after { content: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; margin: 0; padding: 0; border-radius: 3px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #eeeeee; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: 0px 0px 0 #fff !important; border: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 5px 20px; border-radius: 3px; font-size: 13px; text-transform: uppercase; } .woocommerce div.product .woocommerce-tabs .wc-tab { padding: 0; } /** * Category And Listing Page */ .products-top-wrap { background: none; } .products-top-wrap .woocommerce-ordering { margin-bottom: 0px; } .products-top-wrap .woocommerce-ordering select { box-shadow: none !important; } .products-top-wrap .woocommerce-ordering select:focus { border-color: #e5e5e5; } /** * Checkout Page */ /** * Thanks you page */ /************************ * Form Styles ************************/ .woocommerce #respond input#submit, .woocommerce button.button, .woocommerce input.button { color: #fff; background-color: #000; border-color: black; border-radius: 0; } .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit.focus, .woocommerce button.button:focus, .woocommerce button.button.focus, .woocommerce input.button:focus, .woocommerce input.button.focus { color: #fff; background-color: black; border-color: black; } .woocommerce #respond input#submit:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #fff; background-color: black; border-color: black; } .woocommerce #respond input#submit:active, .woocommerce #respond input#submit.active, .open > .woocommerce #respond input#submit.dropdown-toggle, .woocommerce button.button:active, .woocommerce button.button.active, .open > .woocommerce button.button.dropdown-toggle, .woocommerce input.button:active, .woocommerce input.button.active, .open > .woocommerce input.button.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .woocommerce #respond input#submit:active:hover, .woocommerce #respond input#submit:active:focus, .woocommerce #respond input#submit:active.focus, .woocommerce #respond input#submit.active:hover, .woocommerce #respond input#submit.active:focus, .woocommerce #respond input#submit.active.focus, .open > .woocommerce #respond input#submit.dropdown-toggle:hover, .open > .woocommerce #respond input#submit.dropdown-toggle:focus, .open > .woocommerce #respond input#submit.dropdown-toggle.focus, .woocommerce button.button:active:hover, .woocommerce button.button:active:focus, .woocommerce button.button:active.focus, .woocommerce button.button.active:hover, .woocommerce button.button.active:focus, .woocommerce button.button.active.focus, .open > .woocommerce button.button.dropdown-toggle:hover, .open > .woocommerce button.button.dropdown-toggle:focus, .open > .woocommerce button.button.dropdown-toggle.focus, .woocommerce input.button:active:hover, .woocommerce input.button:active:focus, .woocommerce input.button:active.focus, .woocommerce input.button.active:hover, .woocommerce input.button.active:focus, .woocommerce input.button.active.focus, .open > .woocommerce input.button.dropdown-toggle:hover, .open > .woocommerce input.button.dropdown-toggle:focus, .open > .woocommerce input.button.dropdown-toggle.focus { color: #fff; background-color: black; border-color: black; } .woocommerce #respond input#submit:active, .woocommerce #respond input#submit.active, .open > .woocommerce #respond input#submit.dropdown-toggle, .woocommerce button.button:active, .woocommerce button.button.active, .open > .woocommerce button.button.dropdown-toggle, .woocommerce input.button:active, .woocommerce input.button.active, .open > .woocommerce input.button.dropdown-toggle { background-image: none; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit.disabled:focus, .woocommerce #respond input#submit.disabled.focus, .woocommerce #respond input#submit.disabled:active, .woocommerce #respond input#submit.disabled.active, .woocommerce #respond input#submit[disabled], .woocommerce #respond input#submit[disabled]:hover, .woocommerce #respond input#submit[disabled]:focus, .woocommerce #respond input#submit[disabled].focus, .woocommerce #respond input#submit[disabled]:active, .woocommerce #respond input#submit[disabled].active, fieldset[disabled] .woocommerce #respond input#submit, fieldset[disabled] .woocommerce #respond input#submit:hover, fieldset[disabled] .woocommerce #respond input#submit:focus, fieldset[disabled] .woocommerce #respond input#submit.focus, fieldset[disabled] .woocommerce #respond input#submit:active, fieldset[disabled] .woocommerce #respond input#submit.active, .woocommerce button.button.disabled, .woocommerce button.button.disabled:hover, .woocommerce button.button.disabled:focus, .woocommerce button.button.disabled.focus, .woocommerce button.button.disabled:active, .woocommerce button.button.disabled.active, .woocommerce button.button[disabled], .woocommerce button.button[disabled]:hover, .woocommerce button.button[disabled]:focus, .woocommerce button.button[disabled].focus, .woocommerce button.button[disabled]:active, .woocommerce button.button[disabled].active, fieldset[disabled] .woocommerce button.button, fieldset[disabled] .woocommerce button.button:hover, fieldset[disabled] .woocommerce button.button:focus, fieldset[disabled] .woocommerce button.button.focus, fieldset[disabled] .woocommerce button.button:active, fieldset[disabled] .woocommerce button.button.active, .woocommerce input.button.disabled, .woocommerce input.button.disabled:hover, .woocommerce input.button.disabled:focus, .woocommerce input.button.disabled.focus, .woocommerce input.button.disabled:active, .woocommerce input.button.disabled.active, .woocommerce input.button[disabled], .woocommerce input.button[disabled]:hover, .woocommerce input.button[disabled]:focus, .woocommerce input.button[disabled].focus, .woocommerce input.button[disabled]:active, .woocommerce input.button[disabled].active, fieldset[disabled] .woocommerce input.button, fieldset[disabled] .woocommerce input.button:hover, fieldset[disabled] .woocommerce input.button:focus, fieldset[disabled] .woocommerce input.button.focus, fieldset[disabled] .woocommerce input.button:active, fieldset[disabled] .woocommerce input.button.active { background-color: #000; border-color: black; } .woocommerce #respond input#submit .badge, .woocommerce button.button .badge, .woocommerce input.button .badge { color: #000; background-color: #fff; } .woocommerce a.button, a.yith-wcwl-add-button, a.add_to_wishlist { background: none; padding: 10px 20px; font-weight: normal; } .woocommerce a.button:hover, a.yith-wcwl-add-button:hover, a.add_to_wishlist:hover { background: none; text-decoration: underline; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: #fff; background-color: #e93434; border-color: #e71d1d; border-radius: 0; } .woocommerce #respond input#submit.alt:focus, .woocommerce #respond input#submit.alt.focus, .woocommerce a.button.alt:focus, .woocommerce a.button.alt.focus, .woocommerce button.button.alt:focus, .woocommerce button.button.alt.focus, .woocommerce input.button.alt:focus, .woocommerce input.button.alt.focus { color: #fff; background-color: #d31717; border-color: #770d0d; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #fff; background-color: #d31717; border-color: #b31313; } .woocommerce #respond input#submit.alt:active, .woocommerce #respond input#submit.alt.active, .open > .woocommerce #respond input#submit.alt.dropdown-toggle, .woocommerce a.button.alt:active, .woocommerce a.button.alt.active, .open > .woocommerce a.button.alt.dropdown-toggle, .woocommerce button.button.alt:active, .woocommerce button.button.alt.active, .open > .woocommerce button.button.alt.dropdown-toggle, .woocommerce input.button.alt:active, .woocommerce input.button.alt.active, .open > .woocommerce input.button.alt.dropdown-toggle { color: #fff; background-color: #d31717; border-color: #b31313; } .woocommerce #respond input#submit.alt:active:hover, .woocommerce #respond input#submit.alt:active:focus, .woocommerce #respond input#submit.alt:active.focus, .woocommerce #respond input#submit.alt.active:hover, .woocommerce #respond input#submit.alt.active:focus, .woocommerce #respond input#submit.alt.active.focus, .open > .woocommerce #respond input#submit.alt.dropdown-toggle:hover, .open > .woocommerce #respond input#submit.alt.dropdown-toggle:focus, .open > .woocommerce #respond input#submit.alt.dropdown-toggle.focus, .woocommerce a.button.alt:active:hover, .woocommerce a.button.alt:active:focus, .woocommerce a.button.alt:active.focus, .woocommerce a.button.alt.active:hover, .woocommerce a.button.alt.active:focus, .woocommerce a.button.alt.active.focus, .open > .woocommerce a.button.alt.dropdown-toggle:hover, .open > .woocommerce a.button.alt.dropdown-toggle:focus, .open > .woocommerce a.button.alt.dropdown-toggle.focus, .woocommerce button.button.alt:active:hover, .woocommerce button.button.alt:active:focus, .woocommerce button.button.alt:active.focus, .woocommerce button.button.alt.active:hover, .woocommerce button.button.alt.active:focus, .woocommerce button.button.alt.active.focus, .open > .woocommerce button.button.alt.dropdown-toggle:hover, .open > .woocommerce button.button.alt.dropdown-toggle:focus, .open > .woocommerce button.button.alt.dropdown-toggle.focus, .woocommerce input.button.alt:active:hover, .woocommerce input.button.alt:active:focus, .woocommerce input.button.alt:active.focus, .woocommerce input.button.alt.active:hover, .woocommerce input.button.alt.active:focus, .woocommerce input.button.alt.active.focus, .open > .woocommerce input.button.alt.dropdown-toggle:hover, .open > .woocommerce input.button.alt.dropdown-toggle:focus, .open > .woocommerce input.button.alt.dropdown-toggle.focus { color: #fff; background-color: #b31313; border-color: #770d0d; } .woocommerce #respond input#submit.alt:active, .woocommerce #respond input#submit.alt.active, .open > .woocommerce #respond input#submit.alt.dropdown-toggle, .woocommerce a.button.alt:active, .woocommerce a.button.alt.active, .open > .woocommerce a.button.alt.dropdown-toggle, .woocommerce button.button.alt:active, .woocommerce button.button.alt.active, .open > .woocommerce button.button.alt.dropdown-toggle, .woocommerce input.button.alt:active, .woocommerce input.button.alt.active, .open > .woocommerce input.button.alt.dropdown-toggle { background-image: none; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt.disabled:focus, .woocommerce #respond input#submit.alt.disabled.focus, .woocommerce #respond input#submit.alt.disabled:active, .woocommerce #respond input#submit.alt.disabled.active, .woocommerce #respond input#submit.alt[disabled], .woocommerce #respond input#submit.alt[disabled]:hover, .woocommerce #respond input#submit.alt[disabled]:focus, .woocommerce #respond input#submit.alt[disabled].focus, .woocommerce #respond input#submit.alt[disabled]:active, .woocommerce #respond input#submit.alt[disabled].active, fieldset[disabled] .woocommerce #respond input#submit.alt, fieldset[disabled] .woocommerce #respond input#submit.alt:hover, fieldset[disabled] .woocommerce #respond input#submit.alt:focus, fieldset[disabled] .woocommerce #respond input#submit.alt.focus, fieldset[disabled] .woocommerce #respond input#submit.alt:active, fieldset[disabled] .woocommerce #respond input#submit.alt.active, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt.disabled:focus, .woocommerce a.button.alt.disabled.focus, .woocommerce a.button.alt.disabled:active, .woocommerce a.button.alt.disabled.active, .woocommerce a.button.alt[disabled], .woocommerce a.button.alt[disabled]:hover, .woocommerce a.button.alt[disabled]:focus, .woocommerce a.button.alt[disabled].focus, .woocommerce a.button.alt[disabled]:active, .woocommerce a.button.alt[disabled].active, fieldset[disabled] .woocommerce a.button.alt, fieldset[disabled] .woocommerce a.button.alt:hover, fieldset[disabled] .woocommerce a.button.alt:focus, fieldset[disabled] .woocommerce a.button.alt.focus, fieldset[disabled] .woocommerce a.button.alt:active, fieldset[disabled] .woocommerce a.button.alt.active, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:focus, .woocommerce button.button.alt.disabled.focus, .woocommerce button.button.alt.disabled:active, .woocommerce button.button.alt.disabled.active, .woocommerce button.button.alt[disabled], .woocommerce button.button.alt[disabled]:hover, .woocommerce button.button.alt[disabled]:focus, .woocommerce button.button.alt[disabled].focus, .woocommerce button.button.alt[disabled]:active, .woocommerce button.button.alt[disabled].active, fieldset[disabled] .woocommerce button.button.alt, fieldset[disabled] .woocommerce button.button.alt:hover, fieldset[disabled] .woocommerce button.button.alt:focus, fieldset[disabled] .woocommerce button.button.alt.focus, fieldset[disabled] .woocommerce button.button.alt:active, fieldset[disabled] .woocommerce button.button.alt.active, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt.disabled:focus, .woocommerce input.button.alt.disabled.focus, .woocommerce input.button.alt.disabled:active, .woocommerce input.button.alt.disabled.active, .woocommerce input.button.alt[disabled], .woocommerce input.button.alt[disabled]:hover, .woocommerce input.button.alt[disabled]:focus, .woocommerce input.button.alt[disabled].focus, .woocommerce input.button.alt[disabled]:active, .woocommerce input.button.alt[disabled].active, fieldset[disabled] .woocommerce input.button.alt, fieldset[disabled] .woocommerce input.button.alt:hover, fieldset[disabled] .woocommerce input.button.alt:focus, fieldset[disabled] .woocommerce input.button.alt.focus, fieldset[disabled] .woocommerce input.button.alt:active, fieldset[disabled] .woocommerce input.button.alt.active { background-color: #e93434; border-color: #e71d1d; } .woocommerce #respond input#submit.alt .badge, .woocommerce a.button.alt .badge, .woocommerce button.button.alt .badge, .woocommerce input.button.alt .badge { color: #e93434; background-color: #fff; } .woocommerce a.add_to_cart_button, .woocommerce a.product_type_external, .woocommerce button.button.single_add_to_cart_button { padding: 5px 15px; display: block; text-align: left; background: #000000; display: inline-block; line-height: 30px; border: none; } .rtl .woocommerce a.add_to_cart_button, .rtl .woocommerce a.product_type_external, .rtl .woocommerce button.button.single_add_to_cart_button { text-align: right; } .woocommerce a.add_to_cart_button .icon-cart, .woocommerce a.product_type_external .icon-cart, .woocommerce button.button.single_add_to_cart_button .icon-cart { text-align: center; color: #FFF; margin-right: 5px; font-size: 14px; margin-top: 2px; } .rtl .woocommerce a.add_to_cart_button .icon-cart, .rtl .woocommerce a.product_type_external .icon-cart, .rtl .woocommerce button.button.single_add_to_cart_button .icon-cart { margin-left: 5px; margin-right: inherit; } .woocommerce a.add_to_cart_button .title-cart, .woocommerce a.product_type_external .title-cart, .woocommerce button.button.single_add_to_cart_button .title-cart { font-size: 12px; color: #FFF; font-weight: 700; text-transform: uppercase; } .woocommerce a.add_to_cart_button:hover, .woocommerce a.add_to_cart_button:active, .woocommerce a.add_to_cart_button.active, .woocommerce a.add_to_cart_button:focus, .woocommerce a.add_to_cart_button:active:focus, .woocommerce a.product_type_external:hover, .woocommerce a.product_type_external:active, .woocommerce a.product_type_external.active, .woocommerce a.product_type_external:focus, .woocommerce a.product_type_external:active:focus, .woocommerce button.button.single_add_to_cart_button:hover, .woocommerce button.button.single_add_to_cart_button:active, .woocommerce button.button.single_add_to_cart_button.active, .woocommerce button.button.single_add_to_cart_button:focus, .woocommerce button.button.single_add_to_cart_button:active:focus { background: #2E2D32; } /** * Input Form Styles */ .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text, .woocommerce form .form-row textarea, .woocommerce select, .woocommerce-cart table.cart input.input-text { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #e5e5e5; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .woocommerce form .form-row .input-text:focus, .woocommerce-page form .form-row .input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce select:focus, .woocommerce-cart table.cart input.input-text:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .woocommerce form .form-row .input-text::-moz-placeholder, .woocommerce-page form .form-row .input-text::-moz-placeholder, .woocommerce form .form-row textarea::-moz-placeholder, .woocommerce select::-moz-placeholder, .woocommerce-cart table.cart input.input-text::-moz-placeholder { color: #999; opacity: 1; } .woocommerce form .form-row .input-text:-ms-input-placeholder, .woocommerce-page form .form-row .input-text:-ms-input-placeholder, .woocommerce form .form-row textarea:-ms-input-placeholder, .woocommerce select:-ms-input-placeholder, .woocommerce-cart table.cart input.input-text:-ms-input-placeholder { color: #999; } .woocommerce form .form-row .input-text::-webkit-input-placeholder, .woocommerce-page form .form-row .input-text::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder, .woocommerce select::-webkit-input-placeholder, .woocommerce-cart table.cart input.input-text::-webkit-input-placeholder { color: #999; } .woocommerce form .form-row .input-text[disabled], .woocommerce form .form-row .input-text[readonly], fieldset[disabled] .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text[disabled], .woocommerce-page form .form-row .input-text[readonly], fieldset[disabled] .woocommerce-page form .form-row .input-text, .woocommerce form .form-row textarea[disabled], .woocommerce form .form-row textarea[readonly], fieldset[disabled] .woocommerce form .form-row textarea, .woocommerce select[disabled], .woocommerce select[readonly], fieldset[disabled] .woocommerce select, .woocommerce-cart table.cart input.input-text[disabled], .woocommerce-cart table.cart input.input-text[readonly], fieldset[disabled] .woocommerce-cart table.cart input.input-text { background-color: #eeeeee; opacity: 1; } .woocommerce form .form-row .input-text[disabled], fieldset[disabled] .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text[disabled], fieldset[disabled] .woocommerce-page form .form-row .input-text, .woocommerce form .form-row textarea[disabled], fieldset[disabled] .woocommerce form .form-row textarea, .woocommerce select[disabled], fieldset[disabled] .woocommerce select, .woocommerce-cart table.cart input.input-text[disabled], fieldset[disabled] .woocommerce-cart table.cart input.input-text { cursor: not-allowed; } .woocommerce form .form-row .input-text:focus, .woocommerce-page form .form-row .input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce select:focus, .woocommerce-cart table.cart input.input-text:focus { border-color: #e5e5e5; -webkit-box-shadow: none; box-shadow: none; } .woocommerce form .form-row textarea { min-height: 100px; } .woocommerce span.onsale { border-radius: 0; background-color: #e93434; font-weight: 400; top: 0; left: 0; } .woocommerce nav.woocommerce-pagination { text-align: left; border-top: 1px solid #e5e5e5; padding-top: 30px; margin: 30px 0; } .woocommerce nav.woocommerce-pagination ul { margin: 0; border: none; } .woocommerce nav.woocommerce-pagination ul li { border-right: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { text-transform: uppercase; color: #000; padding: 0 15px; font-weight: 700; } .woocommerce nav.woocommerce-pagination ul li span.current { background: none; text-decoration: underline; color: #000; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { background: none; color: #000; } .woocommerce nav.woocommerce-pagination ul li:first-child a, .woocommerce nav.woocommerce-pagination ul li:first-child span { padding-left: 0; } .rtl .woocommerce nav.woocommerce-pagination ul li:first-child a, .rtl .woocommerce nav.woocommerce-pagination ul li:first-child span { padding-right: 0; padding-left: inherit; } .woocommerce nav.woocommerce-pagination ul li a.prev:before { content: "\f104"; font-family: 'FontAwesome'; font-weight: 400; margin-right: 8px; color: #999; } .rtl .woocommerce nav.woocommerce-pagination ul li a.prev:before { margin-left: 8px; margin-right: inherit; } .woocommerce nav.woocommerce-pagination ul li a.next:after { content: "\f105"; font-family: 'FontAwesome'; font-weight: 400; margin-left: 8px; color: #999; } .rtl .woocommerce nav.woocommerce-pagination ul li a.next:after { margin-right: 8px; margin-left: inherit; } .woocommerce .page-title { margin: 0 0 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; } .woocommerce .woocommerce-breadcrumb { margin: 0 0 20px; } .woocommerce .woocommerce-breadcrumb a:hover { color: #000000; } .woocommerce .woocommerce-breadcrumb i { margin: 0 8px; } .woocommerce .star-rating { display: inline-block; float: none; overflow: hidden; position: relative; height: 1.1em; line-height: 1; font-size: 0.8em; width: 6em; letter-spacing: 2px; font-family: 'star'; color: #ffcc33; } .woocommerce .star-rating:before { content: "\73\73\73\73\73"; color: #bbbbbb; float: left; top: 0; left: 0; position: absolute; } .woocommerce .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .woocommerce .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .woocommerce .woocommerce-product-rating .star-rating { margin: 8px 10px 0 0; } .rtl .woocommerce .woocommerce-product-rating .star-rating { margin: 8px 0 0 10px; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000000; font-size: 24px; font-weight: 700; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: 80%; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 10px 20px; } .woocommerce table.shop_table { border-radius: 0; }