Current Path : /var/test/www/foundation/wp-content/themes/kallyas/css/plugins/ |
Current File : /var/test/www/foundation/wp-content/themes/kallyas/css/plugins/kl-woocommerce.css |
/* Title: Woocommerce overide stylee */ /* Products in listings */ .woocommerce ul.products { margin: 0 -15px; } .woocommerce ul.products li.product { margin: 0 0 30px; padding: 0 15px; width: 25%;} /* When with sidebar */ .woocommerce .left_sidebar ul.products li.product, .woocommerce.left_sidebar ul.products li.product, .woocommerce .right_sidebar ul.products li.product { width: 33.3333%; } /* MQ */ @media (max-width: 991px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 50%;} .woocommerce .left_sidebar ul.products li.product, .woocommerce-page .left_sidebar ul.products li.product, .woocommerce .right_sidebar ul.products li.product, .woocommerce-page .right_sidebar ul.products li.product { width: 50%;} } @media (max-width: 480px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%;} .woocommerce .left_sidebar ul.products li.product, .woocommerce-page .left_sidebar ul.products li.product, .woocommerce .right_sidebar ul.products li.product, .woocommerce-page .right_sidebar ul.products li.product { width: 100%;} } .woocommerce #content div.product div.images, .woocommerce div.product div.images { width: 100%; } /* Override for [product id="##" class="kl-wc-single"] shortcode */ .woocommerce.kl-wc-single ul.products li.product {width:100%;} /* WC buttons ==================== */ /* Classic */ .zn-wc-pages-classic a.button, .zn-wc-pages-classic button.button, .zn-wc-pages-classic button.button.alt, .zn-wc-pages-classic input.button, .zn-wc-pages-classic input#button, .zn-wc-pages-classic #review_form #submit, .add_to_cart_inline .kw-actions a { background:#CD2122; font-size:13px !important; padding:10px 20px; font-weight:600; color:#fff; text-transform: uppercase; text-shadow: none; border-radius: 3px; box-shadow: none; position: relative; border: 0; } .zn-wc-pages-classic a.button:hover, .zn-wc-pages-classic button.button:hover, .zn-wc-pages-classic button.button.alt:hover, .zn-wc-pages-classic input.button:hover, .zn-wc-pages-classic input#button:hover, .zn-wc-pages-classic #review_form #submit:hover, .add_to_cart_inline .kw-actions a:hover {background:#343434; color:#fff; } /* Alternative Button */ .zn-wc-pages-classic #respond input#submit.alt, .zn-wc-pages-classic a.button.alt, .zn-wc-pages-classic button.button.alt, .zn-wc-pages-classic input.button.alt, .add_to_cart_inline .kw-actions .actions-moreinfo {background:#000; font-weight: 600; color: #fff !important;} .zn-wc-pages-classic #respond input#submit.alt:hover, .zn-wc-pages-classic a.button.alt:hover, .zn-wc-pages-classic button.button.alt:hover, .zn-wc-pages-classic input.button.alt:hover, .add_to_cart_inline .kw-actions .actions-moreinfo:hover { background:#232323;} /* Buttons for Style #2 */ .zn-wc-pages-style2 a.button, .zn-wc-pages-style2 button.button, .zn-wc-pages-style2 input.button, .zn-wc-pages-style2 input#button, .zn-wc-pages-style2 #review_form #submit {font-weight: 700; font-size: 14px; padding:17px 35px; color:#fff; text-transform: uppercase; text-shadow: none; border-radius: 3px; box-shadow: none; position: relative;} /* Simple */ .zn-wc-pages-style2 #respond input#submit, .zn-wc-pages-style2 a.button, .zn-wc-pages-style2 button.button, .zn-wc-pages-style2 input.button {border: 2px solid #000; background-color: transparent; color: #000;} .zn-wc-pages-style2 #respond input#submit:hover, .zn-wc-pages-style2 a.button:hover, .zn-wc-pages-style2 button.button:hover, .zn-wc-pages-style2 input.button:hover { background:transparent; opacity: .8; } /* Simple inverted */ .kl-skin--dark.zn-wc-pages-style2 #respond input#submit, .kl-skin--dark.zn-wc-pages-style2 a.button, .kl-skin--dark.zn-wc-pages-style2 button.button, .kl-skin--dark.zn-wc-pages-style2 input.button {border-color: rgba(255,255,255,0.8); color: rgba(255,255,255,0.8);} /* Alternative */ .zn-wc-pages-style2 #respond input#submit.alt, .zn-wc-pages-style2 a.button.alt, .zn-wc-pages-style2 button.button.alt, .zn-wc-pages-style2 input.button.alt {background:#CD2122; border:0; padding:19px 35px;} .zn-wc-pages-style2 #respond input#submit.alt:hover, .zn-wc-pages-style2 a.button.alt:hover, .zn-wc-pages-style2 button.button.alt:hover, .zn-wc-pages-style2 input.button.alt:hover { background:#232323; } /* View Button */ .zn-wc-pages-style2 a.button.view {padding: 6px 15px;} /* Disabled state */ .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {background-color: #B5B5B5;} /* Increase sidebar margins */ .woocommerce.widget {margin-bottom: 50px;} /* PRODUCT CATEGORIES WIDGET */ .woocommerce.widget_product_categories {} .woocommerce.widget_product_categories .product-categories {list-style: none; margin: 0; padding: 0; } .woocommerce.widget_product_categories .cat-item { margin:10px 0 } .woocommerce.widget_product_categories .cat-item a {font-weight:400; font-size:14px; color:#484848; padding:10px 0; -webkit-transition: all .15s ease-out; transition: all .15s ease-out;} .woocommerce.widget_product_categories .cat-item a:hover { color:#111} .woocommerce.widget_product_categories .cat-item a:before{content: ''; display: inline-block; margin-right: 12px; width: 8px; height: 2px; background: #E1E1E1; vertical-align: middle; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .woocommerce.widget_product_categories .cat-item.current-cat > a {font-weight:600; color:#181818; } .woocommerce.widget_product_categories .cat-item.current-cat > a:before{background: #bbb;} .woocommerce.widget_product_categories .cat-item .count { opacity:.5; } .woocommerce.widget_product_categories .children {list-style:none; margin:0; padding:0 0 0 20px} .woocommerce.widget_product_categories .children .cat-item {} /* Dark Version */ .kl-skin--dark .widget_product_categories .cat-item a { color:#B7B7B7;} .kl-skin--dark .widget_product_categories .cat-item a:hover { color:#EEEEEE} .kl-skin--dark .widget_product_categories .cat-item a:before{background: #1E1E1E; } .kl-skin--dark .widget_product_categories .cat-item.current-cat > a {color:#E7E7E7; } .kl-skin--dark .widget_product_categories .cat-item.current-cat > a:before{background: #444444;} /* Price Slider Widget */ .woocommerce.widget_price_filter .price_slider {} .woocommerce.widget_price_filter .price_slider_amount {} .woocommerce.widget_price_filter .price_slider_amount .button {padding: 10px;} .woocommerce.widget_price_filter .price_label {font-size:14px;} .woocommerce.widget_price_filter .ui-slider {} .woocommerce.widget_price_filter .ui-slider .ui-slider-handle { -webkit-transition:background-color .2s ease-out; transition:background-color .2s ease-out; background-color: #C8C8C8; width: 10px; height: 10px; top: -4px; } .woocommerce.widget_price_filter:hover .ui-slider .ui-slider-handle {background-color: #898989;} .woocommerce.widget_price_filter .ui-slider .ui-slider-range {background-color: #C8C8C8; } .woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content {background-color: #9D9D9D; margin-bottom: 30px; margin-top: 30px; } .woocommerce.widget_price_filter .ui-slider-horizontal {height: 3px; } .woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range {} .woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {} .woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {} /* Dark Version */ .kl-skin--dark .widget_price_filter .ui-slider .ui-slider-handle { background-color: #373737; } .kl-skin--dark .widget_price_filter:hover .ui-slider .ui-slider-handle {background-color: #767676;} .kl-skin--dark .widget_price_filter .ui-slider .ui-slider-range {background-color: #373737; } .kl-skin--dark .widget_price_filter .price_slider_wrapper .ui-widget-content {background-color: #626262; } /* Top rated produts */ .woocommerce.widget_top_rated_products {} .woocommerce.widget ul.product_list_widget {} .woocommerce.widget ul.product_list_widget li {margin-bottom: 20px; padding: 0; } .woocommerce.widget ul.product_list_widget li:after, .woocommerce.widget ul.product_list_widget li:before {} .woocommerce.widget ul.product_list_widget li a {font-size: 13px; margin-bottom: 10px; line-height: 1.6; font-weight: 400;} .woocommerce.widget ul.product_list_widget li a span {/*font-weight: 400;*/} .woocommerce.widget ul.product_list_widget li img {width: 58px; } .woocommerce.widget ul.product_list_widget li > .amount {font-weight: 300; } /*.woocommerce.widget ul.product_list_widget li > .amount:before {content:'-- '; opacity:.2;}*/ .woocommerce.widget ul.product_list_widget li .star-rating {font-size: 10px; margin-bottom:10px } .woocommerce.widget:last-child {margin-bottom:0} /* Subcategories page */ .woocommerce ul.products li.product-category .woocommerce-loop-category__title {margin: 0 20px;font-size: 18px;font-weight: 300;line-height: 1.4;padding: 0;padding: 10px 0;} .woocommerce.columns-4 ul.products li.product-category .woocommerce-loop-category__title {font-size: 14px; font-weight: 300; margin: 0 0 0 5px;padding-bottom: 20px;} .woocommerce ul.products li.product-category .woocommerce-loop-category__title mark {background:none; font-weight:400;} /* Cart List */ .woocommerce ul.cart_list li a {font-size: 14px; } /* Cart widget */ .woocommerce.widget .widget_shopping_cart_content .mini_cart_item {margin-left: 25px; } .woocommerce.widget .widget_shopping_cart_content .remove {margin-left: -25px; margin-top:10px; } /* Fix for small sidebar and wider text, so that the buttons go after each other */ .woocommerce.widget .widget_shopping_cart_content .buttons .button {margin-top: 10px; padding-top: 10px; padding-bottom: 10px;} /* Shopping cart widget */ .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { font-size:16px; border-top-style: solid; padding-top: 15px;} /* SVG Cart */ .kl-cart-button .svg-cart.kl-cart-icon { position:relative;top: 2px;margin-right: 7px;display: block;} .kl-cart-button .svg-cart.kl-cart-icon .svg-cart-icon {fill:#fff;} .kl-cart-button .svg-cart.kl-cart-icon:after { content: attr(data-count); font-size: 9px;background-color: #ff6666; color: #fff;width: 20px;height: 20px; display: block; text-align: center;line-height: 20px; border-radius: 50%; position: absolute;top: 4px;left: -9px; font-weight: 600; padding-right: 1px;} /* Cart Container */ .cart-container > .widget_shopping_cart_content {display:block;font-size:11px;} .cart-container { margin: 0; background: #f5f5f5; padding: 15px; } .cart-container .cart_list { margin: 0 0 15px; list-style: none; border-bottom: 1px solid #ddd; padding: 0; max-height: 410px; overflow-y: auto; } .cart-container .cart_list:only-child {margin-bottom:0; border:0; } .cart-container .cart_list a:hover { background-color: transparent; } .cart-container .mini_cart_item { overflow: hidden; margin: 0 0 15px; color: #535353;} .cart-container .mini_cart_item:first-child { margin-top:10px } .cart-container .mini_cart_item.empty {margin-bottom: 0; margin-top:0; text-align: center;} .cart-container .mini_cart_item a:not(.remove) { font-size: 11px; font-weight: normal; padding: 0 30px 0 0; } .cart-container .cart_list .remove { float: right; font-size: 16px; color: #C3C3C3; padding: 0; } .cart-container .cart_list .remove:hover { color: #7F7F7F; } .cart-container .mini_cart_item img { float: left; margin-right: 15px; margin-left: 0; width: 60px } .cart-container .mini_cart_item .variation, .cart-container .mini_cart_item .variation p { margin: 0;} .cart-container .mini_cart_item .variation { overflow: hidden; border: 0; padding: 0;} .cart-container .mini_cart_item .variation-Color { display: inline-block; padding: 0; margin: 0; clear: none; } .cart-container .mini_cart_item .variationr:before, .cart-container .mini_cart_item .variation:after {content: none} .cart-container .cart_list .quantity {display: block;} .cart-container .total .amount { float: right; font-weight: bold; font-size: 15px; } .cart-container .total { border-bottom: 1px solid #ddd; padding: 0 0 15px; margin:15px 0; } .cart-container .buttons { overflow: hidden; margin: 0; } .cart-container .buttons:before, .cart-container .buttons:after { content: " "; display: table;} .cart-container .buttons:after {clear: both;} .cart-container .buttons .button { width: calc(50% - 6px); float:left; padding: 6px 0; margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 1.6; text-shadow: none; text-align: center; white-space: normal; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; text-transform: uppercase; box-shadow: none; border-radius: 3px;} .cart-container .buttons .button { background-color: #cd2122; color: #fff; padding: 10px 0; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .cart-container .buttons .button.checkout { color: #242424 !important; border-color: #242424; border-width: 2px; background: none; padding: 9px 0; border-style: solid; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; margin-left: 12px; background-color: transparent !important;} .cart-container .buttons .button.checkout:hover, .cart-container .buttons .button.checkout:focus { color: #000; border-color: #000;} /* Dark cart container */ .nav-th--dark .cart-container { background: #0A0A0A ; } .nav-th--dark .cart-container .cart_list { border-bottom-color: #222; } .nav-th--dark .cart-container .cart_list a:hover { background-color: transparent ; } .nav-th--dark .cart-container .mini_cart_item {color: #ACACAC;} .nav-th--dark .cart-container .cart_list .remove { color: #3C3C3C ; } .nav-th--dark .cart-container .cart_list .remove:hover { color: #808080; } .nav-th--dark .cart-container .total { border-bottom-color: #222; } .nav-th--dark .cart-container .buttons .button.checkout { color:#DBDBDB !important; border-color: #DBDBDB;} .nav-th--dark .cart-container .buttons .button.checkout:hover, .nav-th--dark .cart-container .buttons .button.checkout:focus { color: #fff ; border-color: #fff;} @media (max-height: 600px) { .cart-container .cart_list { max-height: 180px; overflow-x: hidden;} } @media (max-width:480px) { .topnav--cart, .topnav--cart .topnav-drop { position:static } .topnav-drop-panel.topnav--cart-panel { right: 10px; left: 10px } .topnav-drop-panel-inner:after { content: none } } /* Category */ .woocommerce .page-title { color: #343434;} /* Dark Version */ .kl-skin--dark .page-title { color: #CBCBCB;} /* Search widget */ .zn_sidebar .woocommerce-product-search.gensearch__form .screen-reader-text {display: none;} /* Top side of category listing */ .woocommerce .woocommerce-ordering select, .products-per-page select { padding-right: 25px;height: 34px; font-size: 11px; font-weight: 600; outline: none; border-radius: 3px; border: 1px solid #D9D9D9; -webkit-appearance: none; background-image: url(../../images/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-position: calc(100% - 10px) center; background-position-y: center; background-position-x: calc(100% - 10px); text-transform: uppercase; padding-left: 10px; color: #909090; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .woocommerce .woocommerce-ordering select:hover, .woocommerce .woocommerce-ordering select:focus, .products-per-page select:hover, .products-per-page select:focus { border: 1px solid #bababa; color: #787878;} .woocommerce .woocommerce-result-count { margin: 10px 0; text-transform: uppercase; font-size: 11px; font-weight: 600; color: #838383;} .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {margin: 0 0 20px;} /* Dark Version */ .kl-skin--dark .woocommerce-ordering select, .kl-skin--dark .products-per-page select { border: 1px solid #262626; background-image: url(../../images/select-arrow-dark.svg); background-color: #1D1D1D; } .kl-skin--dark .woocommerce-ordering select:hover, .kl-skin--dark .woocommerce-ordering select:focus, .kl-skin--dark .products-per-page select:hover, .kl-skin--dark .products-per-page select:focus { border: 1px solid #454545; color: #878787;} .kl-skin--dark .woocommerce-result-count { color: #7C7C7C;} /* Forms */ .woocommerce form .form-row {padding-left: 0; padding-right: 0;} .woocommerce input.input-text, .woocommerce textarea.input-text, .woocommerce form .form-row select, /* Overrides for forced styles from WC */ .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 7px 10px; box-shadow: inset 2px 2px 0 0px rgba(0, 0, 0, 0.05); border-radius: 3px; border: 1px solid #D9D9D9; -webkit-transition: box-shadow .25s ease-in-out; transition: box-shadow .25s ease-in-out; } .woocommerce input.input-text:hover, .woocommerce textarea.input-text:hover, .woocommerce form .form-row select:hover, .woocommerce input.input-text:focus, .woocommerce textarea.input-text:focus, .woocommerce form .form-row select:focus {border: 1px solid #bababa; color: #787878;} .woocommerce form .form-row select {height:34px; } .woocommerce input.input-text, .woocommerce textarea.input-text, .woocommerce .login .input-text {border:1px solid #d8d8d8;} .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { box-shadow: inset 3px 0 0 #e2401c } .woocommerce .woocommerce form .form-row label {font-weight:400;} .form-row + fieldset {margin-top: 20px} /* Dark Version */ .kl-skin--dark input.input-text, .kl-skin--dark textarea.input-text, .kl-skin--dark form .form-row select, .kl-skin--dark table.cart td.actions .coupon .input-text, .kl-skin--dark-cart table.cart td.actions .coupon .input-text { box-shadow: inset 2px 2px 0 0px rgba(255, 255, 255, 0.05); border: 1px solid #262626;} .kl-skin--dark input.input-text:hover, .kl-skin--dark textarea.input-text:hover, .kl-skin--dark form .form-row select:hover, .kl-skin--dark input.input-text:focus, .kl-skin--dark textarea.input-text:focus, .kl-skin--dark form .form-row select:focus {border: 1px solid #454545; color: #878787;} .kl-skin--dark input.input-text, .kl-skin--dark textarea.input-text, .kl-skin--dark .login .input-text {border:1px solid #272727; background-color: #111;} /* Forms on Style #2 pages */ .zn-wc-pages-style2 input.input-text, .zn-wc-pages-style2 textarea.input-text, .zn-wc-pages-style2 form .form-row input.input-text, .zn-wc-pages-style2 form .form-row textarea, .zn-wc-pages-style2 form .form-row select, .woocommerce-cart.zn-wc-pages-style2 table.cart td.actions .coupon .input-text, .zn-wc-pages-style2 .woocommerce form .form-row .select2-container, .woocommerce div.product.prodpage-style3 form.cart div.quantity .qty, .woocommerce div.product.prodpage-style3 form.cart .single_variation_wrap .variations_button div.quantity .qty { height: 52px; box-shadow: none;} .zn-wc-pages-style2 .select2-container .select2-choice {height: 52px; line-height: 52px;} .zn-wc-pages-style2 textarea.input-text, .zn-wc-pages-style2 form .form-row textarea { height: auto;} /* Messages / Notices */ .woocommerce .woocommerce-error, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message, .woocommerce .woocommerce-message:before { color: #fff; line-height: 30px; border-top: 0; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-left: .618em solid rgba(0,0,0,.15) } .woocommerce .woocommerce-error a:not(.button), .woocommerce .woocommerce-info a:not(.button), .woocommerce .woocommerce-message a:not(.button) { color: #fff; margin-left: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .woocommerce .woocommerce-error a:not(.button):hover, .woocommerce .woocommerce-info a:not(.button):hover, .woocommerce .woocommerce-message a:not(.button):hover { border-color: rgba(255, 255, 255, 0.4);} .woocommerce .woocommerce-info { background-color: #A7B9C3;} .woocommerce .woocommerce-error {background-color: #FAAC9B; } .woocommerce .woocommerce-message { background-color: #B4D3C5; } .woocommerce .woocommerce-message .button.wc-forward {background:none; color:#fff; border:1px solid rgba(255,255,255,0.5);} .woocommerce .woocommerce-message .button.wc-forward:hover {background:none; color:#fff; border-color: rgba(255,255,255,0.8);} /*** Shopping Cart */ .woocommerce .zn-cartpage-classic table.shop_table { border: 0; border-radius: 0; background-color: #fff } .woocommerce .zn-cartpage-classic table.shop_table thead { color: #fff; text-transform: uppercase; font-size: 12px; border-radius: 3px;} .woocommerce .zn-cartpage-classic table.shop_table thead th { background-color: #ccc; color:#454545; font-weight:600;} .woocommerce .zn-cartpage-classic table.shop_table thead th:first-child { border-radius:3px 0 0 0; } .woocommerce .zn-cartpage-classic table.shop_table thead th:last-child { border-radius:0 3px 0 0; } .woocommerce .zn-cartpage-classic table.shop_table thead th, .woocommerce .zn-cartpage-classic table.shop_table td { padding: 15px } .woocommerce-cart .zn-cartpage-classic table.cart .product-remove {width: 60px; padding: 0;text-align: center;} .woocommerce-cart .zn-cartpage-classic table.cart .product-remove .remove {display: inline-block; margin: 0 auto; } .woocommerce-cart .zn-cartpage-classic table.cart .product-thumbnail {width: 52px; padding: 0;} .woocommerce-cart .zn-cartpage-classic table.cart .product-thumbnail img {width: 42px; box-shadow: none } .woocommerce-cart #page_wrapper .zn-cartpage-classic table.cart td.actions .coupon .input-text { width: auto; height: auto; line-height: normal;} @media screen and (max-width: 767px){ .woocommerce #page_wrapper .zn-cartpage-classic table.cart td.actions .coupon + .button { margin: 30px auto 20px; display: block;} } .zn-cartpage-classic .shipping-calculator-button { background-color: #D4D4D4; padding: 6px 10px; border-radius: 2px; line-height: 1; margin-top:10px; display:inline-block;} .zn-cartpage-classic .shipping-calculator-button:hover { background-color: #ccc; } /* Dark Version */ .kl-skin--dark .zn-cartpage-classic table.shop_table, .kl-skin--dark .zn-cartpage-classic table.shop_table {background-color: #000} .kl-skin--dark .zn-cartpage-classic table.shop_table thead, .kl-skin--dark .zn-cartpage-classic table.shop_table thead {color: #000;} .kl-skin--dark .zn-cartpage-classic table.shop_table thead th, .kl-skin--dark .zn-cartpage-classic table.shop_table thead th { background-color: #333; color:#BABABA;} .kl-skin--dark .zn-cartpage-classic .shipping-calculator-button, .kl-skin--dark .zn-cartpage-classic .shipping-calculator-button { background-color: #2B2B2B;} .kl-skin--dark .zn-cartpage-classic .shipping-calculator-button:hover, .kl-skin--dark .zn-cartpage-classic .shipping-calculator-button:hover { background-color: #333; } /*** Cart totals */ .woocommerce .zn-cartpage-classic .cart-collaterals .cart_totals {width:50%;} .woocommerce .zn-cartpage-classic .cart-collaterals .cart_totals > h2 {text-transform:uppercase; color:#888;} .woocommerce .zn-cartpage-classic .cart-collaterals .cart_totals table { width:100%; } .woocommerce .zn-cartpage-classic .cart-collaterals .cart_totals .order-total {background-color: #eee; font-size:16px; } .woocommerce .zn-cartpage-classic .cart-collaterals .cart_totals table th {text-transform:uppercase; font-weight:600;} .woocommerce .zn-cartpage-classic .cart-collaterals .cart_totals table td, .woocommerce .zn-cartpage-classic .cart-collaterals .cart_totals table th {padding: 10px; } .woocommerce .zn-cartpage-classic .cart-collaterals ul.products li.product .product-list-item .kw-prodimage { line-height: 180px; height: 180px;} .woocommerce .zn-cartpage-classic .cart-collaterals .cross-sells {width: 50%; } .woocommerce .zn-cartpage-classic .cart-collaterals .cross-sells >h2 {font-size:22px; font-weight:400; font-family: 'Open Sans', sans-serif;} .woocommerce .zn-cartpage-classic .wc-proceed-to-checkout {display: inline-block; } /* Dark Version */ .kl-skin--dark .zn-cartpage-classic .cart-collaterals .cart_totals > h2 {color:#777777;} .kl-skin--dark .zn-cartpage-classic .cart-collaterals .cart_totals .order-total {background-color: #111111;} .kl-skin--dark .zn-cartpage-classic .cart-collaterals .cart_totals table td, .kl-skin--dark .zn-cartpage-classic .cart-collaterals .cart_totals table th {border-top-color:#252525;} .kl-skin--dark .zn-cartpage-classic .woocommerce-checkout #payment { background: #292929;} .kl-skin--dark .zn-cartpage-classic .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid #353535;} @media screen and (max-width: 767px){ .woocommerce .zn-cartpage-classic .cart-collaterals .cross-sells , .woocommerce .zn-cartpage-classic .cart-collaterals .cart_totals {width: 100%; } } /*** Shopping Cart page - STYLE #2 */ .woocommerce .zn-cartpage-style2 {background-color: #fff;} .woocommerce .zn-cartpage-style2 table.cart { border: 0; border-radius: 0; } .woocommerce .zn-cartpage-style2 table.cart thead { color: #fff; text-transform: uppercase; font-size: 12px; border-radius: 0;} .woocommerce .zn-cartpage-style2 table.cart thead th { background-color: #fafafa; color:#000000; font-weight:700; font-size: 14px; padding-top:30px; height:90px;} .woocommerce .zn-cartpage-style2 table.cart td { padding: 25px } .woocommerce .zn-cartpage-style2 table.cart tr:before {content:''; display: table-cell; width:50px;} .woocommerce .zn-cartpage-style2 table.cart tr:after {content:''; display: table-cell; width:50px;} .woocommerce .zn-cartpage-style2 table.cart thead tr:before, .woocommerce .zn-cartpage-style2 table.cart thead tr:after {background-color: #fafafa} .woocommerce .zn-cartpage-style2 table.cart .cart_item td {padding-top:30px; padding-bottom: 30px;} .woocommerce .zn-cartpage-style2 table.cart .cart_item:first-child td {border-top: 0;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-remove {width: 60px; padding-left: 0; padding-right: 0; text-align: left;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-remove .remove {display: inline-block; position:relative; margin: 0 auto; width: 28px; height: 28px; line-height: 30px; background: #ff9999; text-indent: -9999px;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-remove .remove:hover {background: #000;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-remove .remove:before, .woocommerce-cart .zn-cartpage-style2 table.cart td.product-remove .remove:after {content:''; position: absolute; top: 50%;left: 50%; width:12px; height: 2px; background-color: #FFF;margin: -1px 0 0 -6px;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-remove .remove:after {-webkit-transform:rotate(90deg); transform:rotate(90deg);} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-thumbnail {width: 72px; padding-left: 0; padding-right: 0;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-thumbnail img {width: 72px; box-shadow: none; border:3px solid #edefed; } .woocommerce-cart .zn-cartpage-style2 table.cart td.product-name {font-weight: 700;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-name .variation {font-weight: normal;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-price {font-size: 14px;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-quantity input.qty { width: 100px;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-subtotal {font-size: 18px} .woocommerce .zn-cartpage-style2 table.cart .product-price, .woocommerce .zn-cartpage-style2 table.cart .product-quantity, .woocommerce .zn-cartpage-style2 table.cart .product-subtotal {text-align: end; padding-left: 15px; padding-right: 15px;} .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions {height:110px; padding-left: 0; padding-right: 0;} .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon .input-text { width: auto; min-width: 300px; line-height: normal; color:#000; font-size: 14px; } .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon .input-text:focus { border-color:#ccc;} .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon input[type="submit"] {background-color: transparent; border:2px solid #eee; color: #cccccc !important; margin-left: 20px;} .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon input[type="submit"]:hover {border-color:#ccc; color: #999 !important; } /* Update button */ .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions > input.button { margin-left: 20px;} /*** Cart totals */ .woocommerce .zn-cartpage-style2 .cart-collaterals { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals {width:50%; padding: 70px 50px; background-color: #fafafa; } .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals:only-child {margin-left: auto; } .woocommerce .zn-cartpage-style2 .cart-collaterals .cross-sells + .cart_totals {width:40%; ;} .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals > h2 {font-size:24px; font-weight:700; font-family: inherit; text-transform:uppercase; color:#000; margin-top: 0;} .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals .shop_table { width:100%; border:0; border-radius: 0; } .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals .shop_table td, .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals .shop_table th {padding: 10px; } .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals .shop_table th {text-transform:uppercase; font-weight:600; width: 35%;} .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals .shop_table td {text-align: right;} .woocommerce .zn-cartpage-style2 .shipping-calculator-button { background-color: transparent; padding:10px 0; width:100%; border-radius: 2px; line-height: 1; margin-top:20px; display:inline-block; border:2px solid #ff9999; color:#ff9999;text-transform: uppercase; font-size: 12px; text-align: center;} .woocommerce .zn-cartpage-style2 .shipping-calculator-button:hover { opacity:.8;} .woocommerce-cart .zn-cartpage-style2 .cart-collaterals .cart_totals .shipping-calculator-form select, .woocommerce-cart .zn-cartpage-style2 .cart-collaterals .cart_totals .shipping-calculator-form input[type=text], .woocommerce-cart .zn-cartpage-style2 .cart-collaterals .cart_totals .shipping-calculator-form button[type="submit"] {box-shadow: none; margin-bottom:10px;} .woocommerce-cart .zn-cartpage-style2 .cart-collaterals .cart_totals .shipping-calculator-form button[type="submit"] { width:100%;} .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals .order-total {background-color: transparent; color:#000; font-size:16px; } .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals .order-total td, .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals .order-total th {} .woocommerce-cart .zn-cartpage-style2 .wc-proceed-to-checkout a.checkout-button {display: block;} @media (max-width:767px){ .woocommerce-cart .zn-cartpage-style2 .wc-proceed-to-checkout a.checkout-button {white-space: inherit;} } .woocommerce .zn-cartpage-style2 > form {min-height: .01%; overflow-x: auto; } /* Cross Sells */ .woocommerce .zn-cartpage-style2 .cart-collaterals .cross-sells {width:60%; padding: 70px 50px;} .woocommerce .zn-cartpage-style2 .cart-collaterals .cross-sells > h2 {font-size:22px; font-weight:700; color:#000; margin-top: 0; margin-bottom: 20px;} @media (max-width: 991px){ .woocommerce .zn-cartpage-style2 .cart-collaterals {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;} .woocommerce .zn-cartpage-style2 .cart-collaterals .cross-sells , .woocommerce .zn-cartpage-style2 .cart-collaterals .cart_totals, .woocommerce .zn-cartpage-style2 .cart-collaterals .cross-sells + .cart_totals {width: 100%; } } @media (max-width: 767px){ .woocommerce #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon + .button { margin: 30px auto 20px; display: block;} .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {width: 100%;} .woocommerce .zn-cartpage-style2 > form {width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .woocommerce .zn-cartpage-style2 table.cart tr:before, .woocommerce .zn-cartpage-style2 table.cart tr:after {display: none;} .woocommerce .zn-cartpage-style2 table.shop_table_responsive.cart thead, .woocommerce-page .zn-cartpage-style2 table.shop_table_responsive.cart thead {display: table-header-group;} .woocommerce .zn-cartpage-style2 table.shop_table_responsive.cart , .woocommerce-page .zn-cartpage-style2 table.shop_table_responsive.cart {min-width: 1200px} .woocommerce .zn-cartpage-style2 table.shop_table_responsive.cart tr, .woocommerce-page .zn-cartpage-style2 table.shop_table_responsive.cart tr {display:table-row;} .woocommerce .zn-cartpage-style2 table.shop_table_responsive.cart tr td, .woocommerce-page .zn-cartpage-style2 table.shop_table_responsive.cart tr td {display:table-cell; text-align: start !important} .woocommerce .zn-cartpage-style2 table.shop_table_responsive.cart tr td:before, .woocommerce-page .zn-cartpage-style2 table.shop_table_responsive.cart tr td:before {display: none;} .woocommerce .zn-cartpage-style2 #content table.cart .product-thumbnail, .woocommerce .zn-cartpage-style2 table.cart .product-thumbnail, .woocommerce-page .zn-cartpage-style2 #content table.cart .product-thumbnail, .woocommerce-page .zn-cartpage-style2 table.cart .product-thumbnail {display: table-cell;} .woocommerce-cart .zn-cartpage-style2 table.cart td.product-remove {padding: 25px} .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions {padding:25px;} .woocommerce #content .zn-cartpage-style2 table.cart td.actions .coupon, .woocommerce .zn-cartpage-style2 table.cart td.actions .coupon, .woocommerce-page #content .zn-cartpage-style2 table.cart td.actions .coupon, .woocommerce-page .zn-cartpage-style2 table.cart td.actions .coupon {float:none; padding-bottom: 0;} .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon input[type="submit"] {float: none; width: auto;} .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions > input.button {float: none; clear:left; width: auto; margin-top: 30px; margin-left: 0;} } /* Dark version Shopping Cart page - STYLE #2 */ .kl-skin--dark .zn-cartpage-style2 {background-color: #000;} .kl-skin--dark .zn-cartpage-style2 table.cart thead { color: #000; } .kl-skin--dark .zn-cartpage-style2 table.cart thead th { background-color: #131313; color:#fff; } .kl-skin--dark .zn-cartpage-style2 table.cart thead tr:before, .kl-skin--dark .zn-cartpage-style2 table.cart thead tr:after {background-color: #131313} .kl-skin--dark .zn-cartpage-style2 table.cart td.product-remove .remove:hover {background: #fff;} .kl-skin--dark .zn-cartpage-style2 table.cart td.product-remove .remove:before, .kl-skin--dark .zn-cartpage-style2 table.cart td.product-remove .remove:after {background-color: #000;} .kl-skin--dark .zn-cartpage-style2 table.cart td.product-thumbnail img {border-color:#121012; } .kl-skin--dark #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon .input-text { color:#fff;} .kl-skin--dark #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon .input-text:focus { border-color:#333333;} .kl-skin--dark #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon input[type="submit"] {border:2px solid #111; color: #333 !important; } .kl-skin--dark #page_wrapper .zn-cartpage-style2 table.cart td.actions .coupon input[type="submit"]:hover {border-color:#333; color: #666666 !important; } .kl-skin--dark .zn-cartpage-style2 .cart-collaterals .cart_totals {background-color: #050505; } .kl-skin--dark .zn-cartpage-style2 .cart-collaterals .cart_totals > h2 {color:#fff;} .kl-skin--dark .zn-cartpage-style2 .cart-collaterals .cart_totals .order-total {color:#fff;} .kl-skin--dark .zn-cartpage-style2 .cart-collaterals .cross-sells > h2 {color:#fff;} .kl-skin--dark .zn-cartpage-style2 .cart-collaterals .cart_totals tr td, .kl-skin--dark .zn-cartpage-style2 .cart-collaterals .cart_totals tr th {border-top-color: #444;} /** End Cart table - style 2 */ /*** Checkout */ .zn-wc-pages-classic .checkout.woocommerce-checkout .woocommerce-shipping-fields h3 {margin-top: 10px;} .zn-wc-pages-classic .checkout.woocommerce-checkout .woocommerce-shipping-fields h3 label {font-weight:400; display:inline-block; font-size: 20px; margin-right: 10px;} .zn-wc-pages-classic .woocommerce-checkout-review-order .product-name {width:35%} .zn-wc-pages-classic table.shop_table tbody th, .zn-wc-pages-classic table.shop_table tfoot td, .zn-wc-pages-classic table.shop_table tfoot th {font-weight:600;} .zn-wc-pages-classic table.shop_table .order-total {background-color: #eee; font-size:16px; } .zn-wc-pages-classic table.woocommerce-checkout-review-order-table { border-bottom: 1px solid #ccc;} /* Dark Version */ .kl-skin--dark.zn-wc-pages-classic table.shop_table .order-total {background-color: #111111;} .kl-skin--dark.zn-wc-pages-classic table.woocommerce-checkout-review-order-table { border-bottom-color: #333333;} /* Checkout Style 2 */ .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info {padding:35px 65px 25px !important; background:#fafafa; border:0; margin-top: 20px !important;} .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info:before {display: none;} .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info, .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a, .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a.showcoupon, .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a.showlogin {font-size: 14px; color:#000; font-weight: 700;} .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info {text-transform: uppercase; margin-bottom: 0 !important;} .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a.showcoupon, .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a.showlogin{text-transform: none; margin-left: 30px; opacity:.4; text-decoration: underline;} .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a.showcoupon:hover, .woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a.showlogin:hover{ opacity:1;} /* Login */ .zn-wc-pages-style2 .woocommerce form.login {background-color: #fff; padding:45px 65px 35px; border:0; border-radius: 0; margin:0; } .zn-wc-pages-style2 .woocommerce form.login .button { margin-right: 20px;} .zn-wc-pages-style2 .woocommerce form.login label {color:#000;} .zn-wc-pages-style2 .woocommerce form.login .lost_password a {opacity: .6; text-decoration: underline;;} .zn-wc-pages-style2 .woocommerce form.login .lost_password a:hover {opacity:1;} /* couppon */ .zn-wc-pages-style2 .woocommerce .checkout_coupon {background-color: #fff; padding:35px 65px 35px; border:0; border-radius: 0; margin:0;} .zn-wc-pages-style2 .woocommerce .checkout_coupon .form-row {padding-right: 0; padding-left: 0;} .zn-wc-pages-style2 .woocommerce .checkout_coupon .form-row-first {width:calc(75% - 20px); } .zn-wc-pages-style2 .woocommerce .checkout_coupon .form-row-last {width: 25%; margin-left: 20px;} .zn-wc-pages-style2 .woocommerce .checkout_coupon .button {width:100%;} .zn-wc-pages-style2 .woocommerce form.login label {color:#000;} @media (min-width: 768px) and (max-width: 991px){ .zn-wc-pages-style2 .woocommerce .checkout_coupon .form-row-first, .zn-wc-pages-style2 .woocommerce .checkout_coupon .form-row-last {width: 48%;} } @media (max-width: 767px) { .zn-wc-pages-style2 .woocommerce .checkout_coupon .form-row-first, .zn-wc-pages-style2 .woocommerce .checkout_coupon .form-row-last {width: 100%;} } /* Billing form */ .zn-wc-pages-style2 .checkout.woocommerce-checkout {background-color: #fff; padding:45px 65px 45px; margin-top:20px;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-billing-fields h3 {font-weight: 900; color:#000; margin-top:0; margin-bottom: 40px;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-billing-fields label {color:#000;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-shipping-fields h3 {font-weight: 700; color:#000; font-family: inherit; margin-top:0; margin-bottom: 20px;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-shipping-fields h3 label {font-weight:400; display:inline-block; font-size: 20px; margin-right: 10px;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-shipping-fields label {color:#000;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-shipping-fields .notes textarea {min-height: 90px;} /* Totals */ .zn-wc-pages-style2 .checkout.woocommerce-checkout #order_review_heading {font-weight: 900; color:#000; margin: 40px 0 20px; padding-top:40px; position:relative} .zn-wc-pages-style2 .checkout.woocommerce-checkout #order_review_heading:before {content:'';border-top:3px solid rgba(0,0,0,.05); position:absolute; top:0; left:-65px; right:-65px; } .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table {border:0;color: #000;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table th {text-transform:uppercase; padding:15px 0;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table td {padding:15px 0; border-top:1px solid rgba(0,0,0,.05)} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total, .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td, .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .shipping td, .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td, .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .tax-rate td {text-align:right;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total {background:none;} .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th, .zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {background:none; border-top:2px solid #ccc;} /* Payment */ .zn-wc-pages-style2 .checkout.woocommerce-checkout #payment { background:none; padding:0; padding-top:40px; margin-top:40px; position: relative; } .zn-wc-pages-style2 .checkout.woocommerce-checkout #payment:before {content:'';border-top:3px solid rgba(0,0,0,.05); position:absolute; top:0; left:-65px; right:-65px; } .zn-wc-pages-style2 .checkout.woocommerce-checkout #payment ul.payment_methods { padding:0; border-bottom: 0; } .zn-wc-pages-style2 .checkout.woocommerce-checkout #payment ul.payment_methods li {margin-bottom: 10px;} .zn-wc-pages-style2 .checkout.woocommerce-checkout #payment ul.payment_methods li label {text-transform: uppercase; color:#000;} .zn-wc-pages-style2 .checkout.woocommerce-checkout #payment .payment_method_paypal .about_paypal {line-height: 32px; margin-left: 10px; opacity: .6} .zn-wc-pages-style2 .checkout.woocommerce-checkout #place_order {padding-left: 40px; padding-right: 40px;} /* Dark Checkout Style 2 */ .kl-skin--dark.woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info {background:#050505;} .kl-skin--dark.woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info, .kl-skin--dark.woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a, .kl-skin--dark.woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a.showcoupon, .kl-skin--dark.woocommerce-checkout.zn-wc-pages-style2 .woocommerce > .woocommerce-info a.showlogin {color:#fff;} .kl-skin--dark.zn-wc-pages-style2 .woocommerce form.login {background-color: #000; } .kl-skin--dark.zn-wc-pages-style2 .woocommerce form.login label {color:#fff;} .kl-skin--dark.zn-wc-pages-style2 .woocommerce .checkout_coupon {background-color: #000; } .kl-skin--dark.zn-wc-pages-style2 .woocommerce form.login label {color:#fff;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout {background-color: #000;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-billing-fields h3 {color:#fff; } .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-billing-fields label {color:#fff;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-shipping-fields h3 {color:#fff;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-shipping-fields label {color:#fff;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout #order_review_heading {color:#fff;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout #order_review_heading:before {border-top-color:rgba(255,255,255,.05);} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table {color: #fff;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table td {border-top-color:rgba(255,255,255,.05)} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th, .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {border-top-color:#333;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout #payment:before {border-top-color:rgba(255,255,255,.05); } .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout #payment ul.payment_methods li label {color:#fff;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout #payment ul.payment_methods .payment_box {background-color:#202321; color:#999;} .kl-skin--dark.zn-wc-pages-style2 .checkout.woocommerce-checkout #payment ul.payment_methods .payment_box:before {border-bottom-color:#202321; } /*** ACCOUNT Page */ .woocommerce table.my_account_orders th.order-total, .woocommerce table.my_account_orders td.order-total {background-color: #ccc; font-size: 13px; } .woocommerce table.my_account_orders td.order-total {background-color:transparent;} .woocommerce .addresses .title {overflow: hidden;} .woocommerce .addresses .title h3 {float: left; margin-top: 0; line-height: 1.3; margin-bottom: 20px; text-transform: uppercase;font-size: 20px;} .woocommerce .addresses .title .edit, .woocommerce ul.digital-downloads li .count {float: right; padding: 7px 10px 6px; background-color: #DEDEDE; border-radius: 2px; text-transform: uppercase; font-weight: 600; color: #676767; font-size: 12px; line-height: 1; margin-top:5px; } .woocommerce .addresses .title .edit:hover, .woocommerce ul.digital-downloads li .count:hover {background-color: #CCC;} .woocommerce .woocommerce > form .form-row {padding-left:0; padding-right:0;} .woocommerce .woocommerce > form fieldset {clear: both; margin-top: 30px; margin-bottom: 20px; } .woocommerce .woocommerce > form legend {clear: both; padding-bottom: 10px; } .woocommerce .myaccount_user {font-size:14px; line-height:1.7;} .woocommerce .myaccount_user a {text-decoration:underline;} .woocommerce .myaccount_user ~ h2, .woocommerce .order-info ~ h2, .woocommerce .order-info ~ header h2, .woocommerce .woocommerce > h2 {text-transform:uppercase;} .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {border: 1px solid #E9E9E9; padding: 10px 20px; } .woocommerce form.login .form-row, .woocommerce form.register .form-row {margin-bottom:10px;} .woocommerce form.login .form-row .button + label, .woocommerce form.register .form-row .button + label {margin-left:10px;} .woocommerce form.edit-account .button {margin-top:20px;} /* Dark Version */ .kl-skin--dark table.my_account_orders th.order-total, .kl-skin--dark table.my_account_orders td.order-total {background-color: #333333; } .kl-skin--dark .addresses .title .edit, .kl-skin--dark ul.digital-downloads li .count { background-color: #212121; color: #989898;} .kl-skin--dark .addresses .title .edit:hover, .kl-skin--dark ul.digital-downloads li .count:hover {background-color: #333333;} .kl-skin--dark form.checkout_coupon, .kl-skin--dark form.login, .kl-skin--dark form.register {border: 1px solid #161616; } /* My Account 2.6+ */ .woocommerce-MyAccount-navigation {} .woocommerce-MyAccount-navigation ul {list-style: none; margin: 0; padding: 0;} .woocommerce-MyAccount-navigation ul li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1);} .kl-skin--dark .woocommerce-MyAccount-navigation ul li {border-bottom-color: rgba(255,255,255,0.1);} .woocommerce-MyAccount-navigation ul a {display: block;} .woocommerce-MyAccount-navigation ul li.is-active a {font-weight: bold;} /* Address */ .woocommerce-Address-title .edit { text-decoration: underline; text-transform: uppercase; font-weight: 700; font-size: 11px;} /* Thank you page */ .zn-wc-pages-style2 .woocommerce-thankyou-order-received {font-size: 16px; margin-bottom: 30px;} .zn-wc-pages-style2 .woocommerce-thankyou-order-details {padding-left: 0;} .zn-wc-pages-style2 .woocommerce-thankyou-order-details li {margin-bottom: 20px;} .zn-wc-pages-style2 table.shop_table.order_details, .zn-wc-pages-style2 table.shop_table.customer_details {margin-top: 20px; background: #fff; border:0; border-radius: 0;} .zn-wc-pages-style2 table.shop_table.order_details td, .zn-wc-pages-style2 table.shop_table.order_details th, .zn-wc-pages-style2 table.shop_table.customer_details td, .zn-wc-pages-style2 table.shop_table.customer_details th {padding:15px 20px;} /* Dark Thank you page */ .kl-skin--dark.zn-wc-pages-style2 table.shop_table.order_details, .kl-skin--dark.zn-wc-pages-style2 table.shop_table.customer_details {background: #000;} /*** PRODUCT PAGE */ .woocommerce .product-page {margin-bottom: 30px; } .woocommerce div.product .product_title {line-height:1.4;} /* Prod page - summary (right side) */ .woocommerce div.product div.summary { float: none !important; width:100% !important; } /* WooCommerce Gallery */ .zn-wooProdGallery__trigger { width: 40px; height: 40px; position: absolute; top: 20px; right: 20px; z-index: 99; background: rgba(0, 0, 0, 0.4); text-align: center; line-height: 40px; vertical-align: middle; color: #fff; border-radius: 2px; -webkit-transition: background .3s ease-out; transition: background .3s ease-out;} .zn-wooProdGallery__trigger:hover, .zn-wooProdGallery__trigger:focus { background: rgba(0, 0, 0, 0.9); color: #FFF;} .zn-wooProdGallery__trigger .glyphicon {vertical-align: middle; top: -1px;} .woocommerce div.product div.images.woocommerce-product-gallery {} .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {margin-left:-10px; margin-right: -10px;} .woocommerce div.product div.images .woocommerce-product-gallery__wrapper::before, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper::after {content: " "; display: table } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper::after{clear: both } .woocommerce div.product div.images .woocommerce-product-gallery__image {margin-bottom: 20px;} .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child {margin-left: 10px; margin-right: 10px;} .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {width: 25%; float: left; padding-left: 10px; padding-right: 10px;} .woocommerce div.product div.images .woocommerce-product-gallery__image a {display: block;} .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) a img { opacity: .5; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .woocommerce div.product div.images .woocommerce-product-gallery__image a:hover img {opacity: 1;} /* Slider */ .woocommerce div.product div.zn-wooProdGallery.zn-wooSlickGallery {margin-bottom: 20px;} .woocommerce div.product div.zn-wooProdGallery.zn-wooSlickGallery .woocommerce-product-gallery__wrapper {margin: 0 0 20px;} .woocommerce div.product div.zn-wooProdGallery.zn-wooSlickGallery .woocommerce-product-gallery__image {margin: 0; padding: 0; width: 100%;} .woocommerce div.product div.zn-wooProdGallery.zn-wooSlickGallery .woocommerce-product-gallery__image a img {opacity: 1;} /* Slider Dots */ .zn-wooSlickGallery-dots {list-style: none; margin: 0 -10px 20px; padding: 0; } .zn-wooSlickGallery-dots::before, .zn-wooSlickGallery-dots::after {content: " "; display: table; } .zn-wooSlickGallery-dots::after { clear: both; } .zn-wooSlickGallery-dots li {width: 25%; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 20px;} .zn-wooSlickGallery-dots .zn-wooSlickGallery-dot {display: block; height:100%} .zn-wooSlickGallery-dots .zn-wooSlickGallery-dot img {opacity: .5; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .zn-wooSlickGallery-dots li:hover .zn-wooSlickGallery-dot img, .zn-wooSlickGallery-dots .slick-active .zn-wooSlickGallery-dot img {opacity: 1;} /* Prod page - price */ .woocommerce.single-product div.product p.price, .woocommerce.single-product div.product span.price {font-size: 24px; color:#282828; } .woocommerce.single-product div.product p.price .amount, .woocommerce.single-product div.product span.price .amount {margin:0 5px;} .woocommerce.single-product div.product p.price del, .woocommerce.single-product div.product span.price del { opacity:.8 ; text-decoration: none; display: inline-block; margin-right: 10px; display:inline-block;} .woocommerce.single-product div.product p.price del .amount, .woocommerce.single-product div.product span.price del .amount { text-decoration: line-through;} .woocommerce.single-product div.product p.price ins, .woocommerce.single-product div.product span.price ins {text-decoration:none; font-weight:600; display:inline-block;} /* Prod page - description */ .woocommerce.single-product div.product .kw-details-desc {margin-bottom:30px;} /* Prod page - simple add to cart */ .woocommerce div.product form.cart div.quantity {margin-right: 10px; } .woocommerce div.product form.cart div.quantity .qty {height:34px; border-radius:3px; border: 1px solid #D9D9D9; font-size: 16px; padding: 2px;} .woocommerce div.product form.cart .single_add_to_cart_button {} /* Prod page - Variations (add to cart form) */ .woocommerce div.product form.cart .variations td.label { display: table-cell; padding: 0;font-size: 100%;text-align: start;vertical-align: top; padding-top: 10px;} .woocommerce div.product form.cart .variations label {display: inline-block; text-transform: uppercase; font-size: 16px; font-weight: 400; color: #000; margin-right: 20px; } .woocommerce div.product form.cart .variations select { height: 34px; font-size: 11px; font-weight: 600; outline: none; border-radius: 3px; border: 1px solid #D9D9D9; -webkit-appearance: none; background-image: url(../../images/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-position-y: center; background-position-x: calc(100% - 10px); text-transform: uppercase; padding-left: 10px; color: #909090; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} @media (max-width: 640px) { .woocommerce div.product form.cart .variations td.label, .woocommerce div.product form.cart .variations td.value {display: list-item; width: 100%; list-style: none; } .woocommerce div.product form.cart .variations td.value select {width: 100%; } } .woocommerce div.product form.cart .variations select:hover, .woocommerce div.product form.cart .variations select:focus { border: 1px solid #bababa; color: #787878;} .woocommerce div.product form.cart .reset_variations {font-size:11px; text-transform:uppercase; color:rgba(0,0,0,.8)} .woocommerce div.product form.cart .single_variation_wrap {border-left:3px solid rgba(0,0,0,0.1); padding-left:20px; padding-top:5px; padding-bottom:5px;} .woocommerce div.product form.cart .single_variation_wrap:before, .woocommerce div.product form.cart .single_variation_wrap:after {display: table; content: " "} .woocommerce div.product form.cart .single_variation_wrap:after {clear:both;} .woocommerce div.product form.cart .single_variation_wrap .single_variation {margin-bottom: 15px; } .woocommerce div.product form.cart .single_variation_wrap .single_variation .price {font-size:32px; color:#444;line-height: 1;} .woocommerce div.product form.cart .single_variation_wrap .single_variation .price:before {content:''; width:20px; height:1px; background:#ccc; display:inline-block; vertical-align:middle; margin-right:10px; margin-left:-20px;} .woocommerce div.product form.cart .single_variation_wrap .variations_button {} .woocommerce div.product form.cart .single_variation_wrap .variations_button:before, .woocommerce div.product form.cart .single_variation_wrap .variations_button:after {display: table; content: " "} .woocommerce div.product form.cart .single_variation_wrap .variations_button:after {clear:both;} .woocommerce div.product form.cart .single_variation_wrap .variations_button div.quantity {margin-right: 10px; } .woocommerce div.product form.cart .single_variation_wrap .variations_button div.quantity .qty {height:33px; border-radius:3px; border: 1px solid #D9D9D9;} .woocommerce div.product form.cart .single_variation_wrap .variations_button .single_add_to_cart_button {} /* Prod page - product meta */ .woocommerce .product_meta {margin-bottom: 10px;} .woocommerce .product_meta > span {display: block;} .woocommerce .product_meta span a {font-weight: normal;} /* Product page - rating */ .woocommerce .woocommerce-product-rating .star-rating {margin: 5px 5px 10px; float: left; color: #cd2122;} .woocommerce #comments .star-rating {margin-bottom: 10px; float: right;} /* WooCommerce Tabs - reviews / comments */ .woocommerce #reviews #comments ol.commentlist li .comment-text {margin-left: 0; border:0;} .woocommerce #reviews #comments ol.commentlist li img.avatar {margin: 10px;} /* WooCommerce Tabs - Tab nav */ .woocommerce div.product .woocommerce-tabs {margin-bottom:50px} .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0; padding: 0;margin-bottom: -1px;border-bottom: none; } .woocommerce div.product .woocommerce-tabs ul.tabs:before {border:0;} .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0;box-shadow:none ;background: none ; padding: 0 ; border: none ;float: left ; display: block ; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before {display: none ;} .woocommerce div.product .woocommerce-tabs ul.tabs li:after {display: none ;} .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight:normal ;padding: 15px 20px;line-height: 18px ;color: #343434 ;display: block ; text-transform: uppercase;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background: #FFF; border: 1px solid #ECECEC; border-bottom: 0;border-top-left-radius: 5px; border-top-right-radius: 5px; } /* WooCommerce Tabs - panels */ .woocommerce div.product .woocommerce-tabs .panel {width: 100%; padding: 10px 15px 15px; border: 1px solid #ECECEC; background: #FFF; } .woocommerce div.product .woocommerce-tabs h2, .upsells.products h2 , .related.products h2 {font-size: 18px; line-height: 20px;text-transform: uppercase;} div.product p.stock, .site-content div.product p.stock {font-size:11px; color:#535353; } /* Product page - Dark Version */ .kl-skin--dark.single-product div.product p.price, .kl-skin--dark.single-product div.product span.price {color:#D7D7D7; } .kl-skin--dark.single-product div.product p.price del:before, .kl-skin--dark.single-product div.product span.price del:before { color:#777777;} .kl-skin--dark div.product form.cart div.quantity .qty {border: 1px solid #262626; background: #111;} .kl-skin--dark div.product form.cart .variations label {color: #000;} .kl-skin--dark div.product form.cart .variations select { border: 1px solid #262626; background-image: url(../../images/select-arrow-dark.svg); color: #6F6F6F; } .kl-skin--dark div.product form.cart .variations select:hover, .kl-skin--dark div.product form.cart .variations select:focus { border: 1px solid #454545; color: #878787;} .kl-skin--dark div.product form.cart .reset_variations {color:rgba(255,255,255,.8)} .kl-skin--dark div.product form.cart .single_variation_wrap {border-left:3px solid rgba(255,255,255,0.1);} .kl-skin--dark div.product form.cart .single_variation_wrap .single_variation .price {color:#BBBBBB} .kl-skin--dark div.product form.cart .single_variation_wrap .single_variation .price:before {background:#333333;} .kl-skin--dark div.product form.cart .single_variation_wrap .variations_button div.quantity .qty {border: 1px solid #D9D9D9;} .kl-skin--dark div.product .woocommerce-tabs ul.tabs li a {color: #CBCBCB ;} .kl-skin--dark div.product .woocommerce-tabs ul.tabs li.active a { background: #000; border: 1px solid #131313;} .kl-skin--dark div.product .woocommerce-tabs .panel {border: 1px solid #131313; background: #000; } .kl-skin--dark div.product p.stock, .kl-skin--dark .site-content div.product p.stock {color:#ACACAC; } .kl-skin--dark div.product .woocommerce-tabs ul.tabs li.active {background:#000;} .kl-skin--dark .commentlist li.comment > div[id*="comment-"] {background-color: #161616; border: 1px solid #444;} /* Classic dedicated styles */ .woocommerce.single-product div.product.prodpage-classic p.price del:before, .woocommerce.single-product div.product.prodpage-classic span.price del:before, .woocommerce.single-product div.product.prodpage-classic p.price ins:before, .woocommerce.single-product div.product.prodpage-classic span.price ins:before { text-decoration:none; font-size:10px; display:block; line-height:1.4; margin-left:5px; font-weight:700; } .woocommerce.single-product div.product.prodpage-classic p.price del:before, .woocommerce.single-product div.product.prodpage-classic span.price del:before { content:attr(data-was); color:#888;} .woocommerce.single-product div.product.prodpage-classic p.price del + ins:before, .woocommerce.single-product div.product.prodpage-classic span.price del + ins:before { content:attr(data-now); color: #cd2122;} /* Alternative Layout - Style2 */ .woocommerce div.product.prodpage-style2 {} .woocommerce div.product.prodpage-style2 .product_title {color:#000;} .woocommerce div.product.prodpage-style2 .product-page {margin-left: 0; margin-right: 0; background-color: #fff; padding:50px;} /* WooCommerce Gallery */ .woocommerce div.product.prodpage-style2 .single_product_main_image {padding-left: 0; padding-right: 30px;} /* content */ .woocommerce.single-product div.product.prodpage-style2 .kw-details-desc {color: #000000; font-size: 14px; } .woocommerce.single-product div.product.prodpage-style2 p.price, .woocommerce.single-product div.product.prodpage-style2 span.price {color: #000; margin-bottom: 40px; } .woocommerce.single-product div.product.prodpage-style2 p.price del, .woocommerce.single-product div.product.prodpage-style2 span.price del {font-size: 18px;margin-bottom: 10px;} .woocommerce.single-product div.product.prodpage-style2 p.price ins, .woocommerce.single-product div.product.prodpage-style2 span.price ins {display: block;font-size: 30px;} /* Add to cart */ .woocommerce div.product.prodpage-style2 form.cart div.quantity .qty {width:100px; height:52px;} .woocommerce div.product.prodpage-style2 form.cart .single_add_to_cart_button {text-transform: uppercase; padding: 19px 35px; } /* Product meta */ .woocommerce.single-product div.product.prodpage-style2 .product_meta {font-weight: 700;} .woocommerce.single-product div.product.prodpage-style2 .product_meta span span , .woocommerce.single-product div.product.prodpage-style2 .product_meta span a {font-weight: normal;} /* Rating */ .woocommerce div.product.prodpage-style2 .woocommerce-product-rating .star-rating {color:#c2c2c2;} /* WooCommerce Tabs - Tab nav */ .woocommerce div.product.prodpage-style2 .woocommerce-tabs ul.tabs {margin-bottom: -1px; border-bottom: none;} .woocommerce div.product.prodpage-style2 .woocommerce-tabs ul.tabs:before {border:0; } .woocommerce div.product.prodpage-style2 .woocommerce-tabs ul.tabs li {background:none; border:0; margin-right: 2px; border-radius: 0;} .woocommerce div.product.prodpage-style2 .woocommerce-tabs ul.tabs li a {font-weight: bold; color: #000; background: #FFF; border-radius: 0; opacity:0.5; -webkit-transition: opacity .1s ease-out; transition: opacity .1s ease-out; } .woocommerce div.product.prodpage-style2 .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product.prodpage-style2 .woocommerce-tabs ul.tabs li.active a { border: 0; opacity:1; } .woocommerce div.product.prodpage-style2 .woocommerce-tabs .panel {border:0; padding: 40px;} .woocommerce div.product.prodpage-style2 .woocommerce-tabs h2 {font-family: inherit;} /* Reviews */ .woocommerce div.product.prodpage-style2 #reviews #comments h2 {font-weight: bold; font-size: 14px; margin-top:10px; margin-bottom: 30px;} .woocommerce div.product.prodpage-style2 #reviews #comments ol.commentlist li img.avatar { border-radius: 50%;} .woocommerce div.product.prodpage-style2 #reviews #comments ol.commentlist .comment_container {border:0; background-color: transparent;} .woocommerce div.product.prodpage-style2 #reviews #comments ol.commentlist li .comment-text {padding-left: 0; padding-right: 0;} .woocommerce div.product.prodpage-style2 #reviews #comments ol.commentlist li .comment-text p.meta {font-size: 14px;} .woocommerce div.product.prodpage-style2 #reviews #comments ol.commentlist li .comment-text p.meta strong {color:#000;} .woocommerce div.product.prodpage-style2 #reviews #comments .star-rating {color:#c2c2c2; font-size: 12px;} /* Add review */ .woocommerce div.product.prodpage-style2 #reviews .comment-respond .comment-reply-title {font-family: inherit;text-transform: uppercase;font-weight: 400;font-size: 16px;text-align: center; cursor:pointer; } .woocommerce div.product.prodpage-style2 #reviews .comment-respond .comment-reply-title:before {content:'+'; display:block; width:40px; height:40px; border:1px solid #ddd; margin:0 auto; border-radius:50%; color:#000; -webkit-transition:border-color .1s ease-out; transition: border-color .1s ease-out; } .woocommerce div.product.prodpage-style2 #reviews .comment-respond .comment-reply-title.opened-form:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);} .woocommerce div.product.prodpage-style2 #reviews .comment-respond .comment-reply-title:hover:before {border:1px solid #aaa; } .woocommerce div.product.prodpage-style2 #reviews .comment-form {display:none;} .woocommerce div.product.prodpage-style2 #reviews .comment-form.show-form {display:block;} /* Titles */ div.product.prodpage-style2 .upsells.products h2, div.product.prodpage-style2 .related.products h2 {font-size: 26px; color:#000000; margin-bottom: 20px; font-weight: 700;} /* Alternative Layout - Style2 - DARK */ .kl-skin--dark div.product.prodpage-style2 .product_title {color:#fff;} .kl-skin--dark div.product.prodpage-style2 .product-page {background-color: #000; } /* content */ .kl-skin--dark.single-product div.product.prodpage-style2 .kw-details-desc {color: #FFF; } .kl-skin--dark.single-product div.product.prodpage-style2 p.price, .kl-skin--dark.single-product div.product.prodpage-style2 span.price {color: #fff; } /* Rating */ .kl-skin--dark div.product.prodpage-style2 .woocommerce-product-rating .star-rating {color:#3D3D3D;} /* WooCommerce Tabs - Tab nav */ .kl-skin--dark div.product.prodpage-style2 .woocommerce-tabs ul.tabs li a {color: #fff; background: #000; } /* Reviews */ .kl-skin--dark div.product.prodpage-style2 #reviews #comments ol.commentlist li .comment-text p.meta strong {color:#fff;} /* Add review */ .kl-skin--dark div.product.prodpage-style2 #reviews .comment-respond .comment-reply-title:before {border:1px solid #222222; color:#fff; } .kl-skin--dark div.product.prodpage-style2 #reviews .comment-respond .comment-reply-title:hover:before {border:1px solid #555555; } /* Titles */ .kl-skin--dark div.product.prodpage-style2 .upsells.products h2, .kl-skin--dark div.product.prodpage-style2 .related.products h2 { color:#fff;} /* Alternative Layout - Style #3 */ .woocommerce div.product.prodpage-style3 {} .woocommerce div.product.prodpage-style3 .product_title {color:#000; font-weight: 700;} .woocommerce div.product.prodpage-style3 .product-page {margin-left: 0; margin-right: 0; background-color: #fff; margin-bottom: 0;} .woocommerce div.product.prodpage-style3 .main-data {padding-right: 0; padding-left: 20px;} .woocommerce div.product.prodpage-style3 .summary {padding-top:110px; padding-left: 70px; padding-bottom: 40px; padding-right: calc((100vw - 1170px) / 2);} /* Image and thumbs */ .woocommerce #content div.product.prodpage-style3 .single_product_main_image, .woocommerce div.product.prodpage-style3 .single_product_main_image {padding-left: 0; padding-right: 0;background-color: transparent; position: relative; max-width:50%;} .woocommerce #content div.product.prodpage-style3 .single_product_main_image::after, .woocommerce div.product.prodpage-style3 .single_product_main_image::after {content:''; position:absolute;background-color: rgba(142, 142, 142, 0.05); left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;} .no-csspointerevents .woocommerce #content div.product.prodpage-style3 .single_product_main_image::after, .no-csspointerevents .woocommerce div.product.prodpage-style3 .single_product_main_image::after {display: none;} /* Main Image */ .woocommerce div.product.prodpage-style3 .single_product_main_image .woocommerce-product-gallery {border: 0; padding-top: 0; padding-bottom: 0; max-width: 60%; float: none; width: auto; margin: 0 auto; background-color: transparent;} .woocommerce div.product.prodpage-style3 div.zn-wooSlickGallery .woocommerce-product-gallery__image:not(.slick-slide) ~ .woocommerce-product-gallery__image {display: none;} .woocommerce div.product div.zn-wooSlickGallery .woocommerce-product-gallery__wrapper::before, .woocommerce div.product div.zn-wooSlickGallery .woocommerce-product-gallery__wrapper::after {display: none; } /* Thumbnails in product-summary */ .woocommerce div.product.prodpage-style3 .zn-wooGalleryThumbs-summary {margin:0 -10px 20px;} .woocommerce div.product.prodpage-style3 .zn-wooGalleryThumbs-summary::before, .woocommerce div.product.prodpage-style3 .zn-wooGalleryThumbs-summary::after {content: " "; display: table; } .woocommerce div.product.prodpage-style3 .zn-wooGalleryThumbs-summary::after { clear: both; } .woocommerce div.product.prodpage-style3 .zn-wooGalleryThumbs-summary.woocommerce-product-gallery--columns-5 .woocommerce-product-gallery__image {float: left; width: 20%; max-width: 90px; max-height:90px; margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px;} .woocommerce div.product.prodpage-style3 .zn-wooGalleryThumbs-summary .woocommerce-product-gallery__image img {opacity: .5; -webkit-transition: opacity .2s ease-out, border-color .2s ease-out; transition: opacity .2s ease-out, border-color .2s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; border:2px solid #efefef; padding: 0;} .woocommerce div.product.prodpage-style3 .zn-wooGalleryThumbs-summary .woocommerce-product-gallery__image img:hover {border-color:#000000;} /* Slider Dots */ .zn-wooGalleryThumbs-summary .zn-wooSlickGallery-dots {list-style: none; margin: 0 10px 20px; padding: 0; } .zn-wooGalleryThumbs-summary .zn-wooSlickGallery-dots li {width: 20%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px;} .zn-wooGalleryThumbs-summary .zn-wooSlickGallery-dots img {opacity: .5; -webkit-transition: opacity .2s ease-out, border-color .2s ease-out; transition: opacity .2s ease-out, border-color .2s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; border:2px solid #efefef; padding: 0;} .zn-wooGalleryThumbs-summary .zn-wooSlickGallery-dots .slick-active img, .zn-wooGalleryThumbs-summary .zn-wooSlickGallery-dots img:hover {border-color:#000000;} /* Just in case, thumbnails under main-image */ /* .woocommerce div.product.prodpage-style3 div.images div.thumbnails img {border:2px solid #efefef; padding: 0;} .woocommerce div.product.prodpage-style3 div.images div.thumbnails img:hover {border-color:#000000;} .woocommerce #content div.product.prodpage-style3 div.images div.thumbnails, .woocommerce div.product.prodpage-style3 div.images div.thumbnails, .woocommerce-page #content div.product.prodpage-style3 div.images div.thumbnails, .woocommerce-page div.product.prodpage-style3 div.images div.thumbnails { margin-left: -7px; margin-right: -7px; padding-left: 0; } .woocommerce #content div.product.prodpage-style3 div.images div.thumbnails a, .woocommerce div.product.prodpage-style3 div.images div.thumbnails a, .woocommerce-page #content div.product.prodpage-style3 div.images div.thumbnails a, .woocommerce-page div.product.prodpage-style3 div.images div.thumbnails a { width: 70px; height:70px; margin:0 10px 0 0; padding:0; } */ /* Badge */ .woocommerce div.product.prodpage-style3 .single_product_main_image .zn_badge_container {top: 35px;} .woocommerce div.product.prodpage-style3 .single_product_main_image .zn_badge_sale, .woocommerce div.product.prodpage-style3 .single_product_main_image .zn_badge_new {font-size: 14px; padding:10px 15px; font-weight:700;} /* content */ .woocommerce.single-product div.product.prodpage-style3 .kw-details-desc {color: #000000; font-size: 14px; } .woocommerce.single-product div.product.prodpage-style3 p.price, .woocommerce.single-product div.product.prodpage-style3 span.price {color: #000; margin-bottom: 40px; } .woocommerce.single-product div.product.prodpage-style3 p.price del, .woocommerce.single-product div.product.prodpage-style3 span.price del {font-size: 18px;margin-bottom: 10px;} .woocommerce.single-product div.product.prodpage-style3 p.price ins, .woocommerce.single-product div.product.prodpage-style3 span.price ins {display: block; font-size: 30px;} /* Add to cart */ .woocommerce div.product.prodpage-style3 form.cart div.quantity .qty, .woocommerce div.product.prodpage-style3 form.cart .single_variation_wrap .variations_button div.quantity .qty {width:100px; } .woocommerce div.product.prodpage-style3 form.cart .single_add_to_cart_button {text-transform: uppercase; padding-left: 40px; padding-right: 40px; } /* Product meta */ .woocommerce.single-product div.product.prodpage-style3 .product_meta {font-weight: 700;} .woocommerce.single-product div.product.prodpage-style3 .product_meta span span , .woocommerce.single-product div.product.prodpage-style3 .product_meta span a {font-weight: normal;} /* Rating */ .woocommerce div.product.prodpage-style3 .woocommerce-product-rating .star-rating {color:#c2c2c2; font-size: 12px; vertical-align: middle; margin: 0; float: none; display: inline-block;} .woocommerce div.product.prodpage-style3 .woocommerce-product-rating .woocommerce-review-link {font-size: 12px; vertical-align: middle; line-height: 1;} /* Sections */ .woocommerce div.product.prodpage-style3 .wc-related-upsells-section {background-color:#fcfcfc; padding-top:80px; padding-bottom: 90px;} .woocommerce div.product.prodpage-style3 .wc-tabs-section {padding-top:80px; padding-bottom: 100px;} /* WooCommerce Tabs - Tab nav */ .woocommerce div.product.prodpage-style3 .woocommerce-tabs, .woocommerce div.product.prodpage-style3 .woocommerce-tabs .panel {margin-bottom: 0;} .woocommerce div.product.prodpage-style3 .woocommerce-tabs ul.tabs {margin-bottom: -1px; border-bottom: none;} .woocommerce div.product.prodpage-style3 .woocommerce-tabs ul.tabs:before {border:0; } .woocommerce div.product.prodpage-style3 .woocommerce-tabs ul.tabs li {background:none; border:0; margin-right: 2px; border-radius: 0;} .woocommerce div.product.prodpage-style3 .woocommerce-tabs ul.tabs li a {font-weight: bold; color: #000; background: #FFF; border-radius: 0; opacity:0.5; -webkit-transition: opacity .1s ease-out; transition: opacity .1s ease-out; } .woocommerce div.product.prodpage-style3 .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product.prodpage-style3 .woocommerce-tabs ul.tabs li.active a { border: 0; opacity:1; } .woocommerce div.product.prodpage-style3 .woocommerce-tabs .panel {border:0; padding: 40px;} .woocommerce div.product.prodpage-style3 .woocommerce-tabs h2 {font-family: inherit;} /* Reviews */ .woocommerce div.product.prodpage-style3 #reviews #comments h2 {font-weight: bold; font-size: 14px; margin-top:10px; margin-bottom: 30px;} .woocommerce div.product.prodpage-style3 #reviews #comments ol.commentlist li img.avatar { border-radius: 50%;} .woocommerce div.product.prodpage-style3 #reviews #comments ol.commentlist .comment_container {border:0; background-color: transparent;} .woocommerce div.product.prodpage-style3 #reviews #comments ol.commentlist li .comment-text {padding-left: 0; padding-right: 0;} .woocommerce div.product.prodpage-style3 #reviews #comments ol.commentlist li .comment-text p.meta {font-size: 14px;} .woocommerce div.product.prodpage-style3 #reviews #comments ol.commentlist li .comment-text p.meta strong {color:#000;} .woocommerce div.product.prodpage-style3 #reviews #comments .star-rating {color:#c2c2c2; font-size: 12px;} /* Add review */ .woocommerce div.product.prodpage-style3 #reviews .comment-respond .comment-reply-title {font-family: inherit;text-transform: uppercase;font-weight: 400;font-size: 16px;text-align: center; cursor:pointer; } .woocommerce div.product.prodpage-style3 #reviews .comment-respond .comment-reply-title:before {content:'+'; display:block; width:40px; height:40px; border:1px solid #ddd; margin:0 auto; border-radius:50%; color:#000; -webkit-transition:border-color .1s ease-out; transition: border-color .1s ease-out; } .woocommerce div.product.prodpage-style3 #reviews .comment-respond .comment-reply-title.opened-form:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);} .woocommerce div.product.prodpage-style3 #reviews .comment-respond .comment-reply-title:hover:before {border:1px solid #aaa; } .woocommerce div.product.prodpage-style3 #reviews .comment-form {display:none;} .woocommerce div.product.prodpage-style3 #reviews .comment-form.show-form {display:block;} /* Titles */ div.product.prodpage-style3 .upsells.products h2, div.product.prodpage-style3 .related.products h2 {font-size: 26px; color:#000000; margin-bottom: 20px; font-weight: 700;} @media (max-width: 767px){ .woocommerce #content div.product.prodpage-style3 .single_product_main_image .images, .woocommerce div.product.prodpage-style3 .single_product_main_image .images { max-width: 90%; padding-top: 30px;} .woocommerce div.product.prodpage-style3 .summary {padding-left: 20px; padding-right: 20px; padding-top: 40px} } /* Alternative Layout - Style3 - DARK */ .kl-skin--dark div.product.prodpage-style3 .product_title {color:#fff;} /* content */ .kl-skin--dark.single-product div.product.prodpage-style3 .kw-details-desc {color: #FFF; } .kl-skin--dark.single-product div.product.prodpage-style3 p.price, .kl-skin--dark.single-product div.product.prodpage-style3 span.price {color: #fff; } /* Rating */ .kl-skin--dark div.product.prodpage-style3 .woocommerce-product-rating .star-rating {color:#3D3D3D;} /* WooCommerce Tabs - Tab nav */ .kl-skin--dark div.product.prodpage-style3 .woocommerce-tabs ul.tabs li a {color: #fff; background: #000; } /* Reviews */ .kl-skin--dark div.product.prodpage-style3 #reviews #comments ol.commentlist li .comment-text p.meta strong {color:#fff;} /* Add review */ .kl-skin--dark div.product.prodpage-style3 #reviews .comment-respond .comment-reply-title:before {border:1px solid #222222; color:#fff; } .kl-skin--dark div.product.prodpage-style3 #reviews .comment-respond .comment-reply-title:hover:before {border:1px solid #555555; } /* Titles */ .kl-skin--dark div.product.prodpage-style3 .upsells.products h2, .kl-skin--dark div.product.prodpage-style3 .related.products h2 { color:#fff;} /* BADGES */ .zn_badge_container {position: absolute; top: 20px; left: 20px; z-index: 1; } .product-page .zn_badge_container { left: 35px; } .zn_badge_container .zn_badge_sale:not(:only-child) {margin-bottom: -1px} .zn_badge_container .zn_badge_sale:not(:only-child):after {display: none;} .zn_badge_sale , .zn_badge_new, .zn_badge_soldout{color: #FFFFFF; font-size: 10px; line-height: 1; padding: 8px 12px 7px; position:relative; display:block; margin-bottom:11px; border-radius: 2px;text-align: center;} .zn_badge_soldout {background: #D3D3D3; font-weight: 700; color: #1E1E1E;} .zn_badge_sale {background: #C51212; } .zn_badge_sale:after , .zn_badge_new:after, .zn_badge_soldout:after {position: absolute;bottom: -3px; content:"";width: 10px;height: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);border-radius: 2px;} .zn_badge_sale:after { z-index: 1; background-color: #cd2122; left:5px;} .zn_badge_new {background-color: #12A1C5; } .zn_badge_new:after {background-color: #12A1C5; z-index: 1; left:5px; } .zn_badge_soldout:after {z-index: 1; background-color: #D3D3D3; left:5px;} /* ORDERING FORM */ .zn_woo_cat_page {position:relative; } .woocommerce_ordering {float:right; margin-bottom:20px; position:absolute; top:0; right:0; } /* register form */ form .form-row input.input-text, form .form-row textarea {height:auto; min-height:30px; } #payment ul.payment_methods li label {display:inline-block; } .popupaddcart {z-index:1000;width:250px; height:40px; line-height:40px; text-align:center; background:#cecece; border:3px solid #999; box-shadow:0 0 20px rgba(0,0,0,0.4); color:#333; position:fixed; left:50%; top:50%; margin:-20px 0 0 -125px;} .zn_loop_row {clear:both; height:1px; } /* Reviews */ .woocommerce #reviews h3 {font-size: 18px; margin-bottom: 20px; font-weight: 600;} .woocommerce #reviews #comments ol.commentlist {padding:0;} .woocommerce #reviews #comments ol.commentlist li img.avatar {width:70px; position:relative; margin-right:15px; } /* WOOCOOMERCE PRODUCT SUBCATEGORY */ .zn_product_subcategory {text-align: center;} /* Dark Dropdown list */ .kl-skin--dark .select2-container .select2-choice {border: 1px solid #353535; background-color: #141414; color: #CDCDCD;} .kl-skin--dark .select2-container.select2-drop-above .select2-choice {border-bottom-color: #333; } .kl-skin--dark .select2-drop-mask {background-color: #000; } .kl-skin--dark .select2-drop {background: #000; color: #fff; border: 1px solid #333; } .kl-skin--dark .select2-drop.select2-drop-above {border-top: 1px solid #333; } .kl-skin--dark .select2-drop-active {border: 1px solid #999999; } .kl-skin--dark .select2-drop.select2-drop-above.select2-drop-active {border-top: 1px solid #999 } .kl-skin--dark .select2-drop-auto-width {border-top: 1px solid #333; } .kl-skin--dark .select2-container .select2-choice .select2-arrow b:after {border-top-color: #999; } .kl-skin--dark .select2-search input {border: 1px solid #333; background-color:#000 } html[dir=rtl] .kl-skin--dark .select2-search input {background-color: #000 } .kl-skin--dark .select2-search input.select2-active {background-color: #000 } .kl-skin--dark .select2-container-active .select2-choice, .kl-skin--dark .select2-container-active .select2-choices {border: 1px solid #999; } .kl-skin--dark .select2-dropdown-open .select2-choice { box-shadow: 0 1px 0 #000 inset; } .kl-skin--dark .select2-dropdown-open .select2-choice .select2-arrow b:after {border-bottom-color: #999; } .kl-skin--dark .select2-dropdown-open.select2-drop-above .select2-choice, .kl-skin--dark .select2-dropdown-open.select2-drop-above .select2-choices {border: 1px solid #999; } .kl-skin--dark .select2-results {background: #050505; } .kl-skin--dark .select2-results .select2-highlighted {background: #0E0E0E; color: #fff; } .kl-skin--dark .select2-results li em {background: #010021; } .kl-skin--dark .select2-results .select2-highlighted ul {background: #000; color: #fff } .kl-skin--dark .select2-results .select2-ajax-error, .kl-skin--dark .select2-results .select2-no-results, .kl-skin--dark .select2-results .select2-searching, .kl-skin--dark .select2-results .select2-selection-limit {background: #0B0B0B; } .kl-skin--dark .select2-results .select2-disabled.select2-highlighted {color: #999; background: #0B0B0B; } .kl-skin--dark .select2-results .select2-disabled {background: #0B0B0B; } .kl-skin--dark .select2-more-results.select2-active {background-color: #0B0B0B } .kl-skin--dark .select2-more-results {background: #0B0B0B; } .kl-skin--dark .select2-container.select2-container-disabled .select2-choice {background-color: #0B0B0B; border: 1px solid #222; } .kl-skin--dark .select2-container.select2-container-disabled .select2-choice .select2-arrow {background-color: #0B0B0B; } .kl-skin--dark .select2-container-multi .select2-choices {border: 1px solid #333; background-color: #000; } .kl-skin--dark .select2-container-multi.select2-container-active .select2-choices {border: 1px solid #999; } .kl-skin--dark .select2-container-multi .select2-choices .select2-search-field input.select2-active {background-color: #000!important } .kl-skin--dark .select2-default {color: #999!important } .kl-skin--dark .select2-container-multi .select2-choices .select2-search-choice {color: #ccc; background-color: #1B1B1B } .kl-skin--dark .select2-container-multi .select2-choices .select2-search-choice-focus {background: #2B2B2B } .kl-skin--dark .select2-container-multi.select2-container-disabled .select2-choices {background-color: #0B0B0B; border: 1px solid #222; } .kl-skin--dark .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {border: 1px solid #222; background-color: #0B0B0B } /* Archive Element */ .zn_woo_archive_elemenent {width:100%;} /* Other plugins */ /* YITH Ajax Nav. */ .woocommerce .widget_layered_nav ul li {margin-bottom:5px} .woocommerce .widget_layered_nav ul li a {font-weight: 600; color: #45474d; line-height: 1.4;padding: 7px 0; text-decoration: none;} .woocommerce .widget_layered_nav ul li:not(.chosen) a:before {content: ''; display: inline-block; width: 10px; height: 10px; border: 1px solid #cbcbcb; margin-right: 11px; border-radius: 2px; } .woocommerce .widget_layered_nav .count { font-size: 100%; opacity: .5; } .woocommerce .widget_layered_nav .count:before {content:'(';} .woocommerce .widget_layered_nav .count:after {content:')';} /* Added to cart panel */ .kl-addedtocart {position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); left: 0; top: 0; } .kl-addedtocart-container {position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 540px; background: #FFF; padding: 80px 20px; text-align: center; color:#000; } .kl-addedtocart-image {margin-bottom: 20px;} .kl-addedtocart-title {font-size: 20px; font-weight: bold; margin-bottom: 5px;} .kl-addedtocart-desc {font-size: 16px; margin-bottom: 20px;} .kl-addedtocart-price {font-size: 22px; font-weight: 700;} .kl-addedtocart-checkout {margin-top: 50px;} .kl-addedtocart-close {display:block; position: absolute; right:40px; top:40px; -webkit-transform:rotate(45deg); transform:rotate(45deg); width: 20px;height: 20px; cursor: pointer;} .kl-addedtocart-close:before, .kl-addedtocart-close:after {content:''; position: absolute;top: 50%;left: 0; width:20px; height: 2px; background-color: #000;} .kl-addedtocart-close:after {-webkit-transform:rotate(90deg); transform:rotate(90deg);} /* DARK Added to cart panel */ .kl-skin--dark .kl-addedtocart {background: rgba(255, 255, 255, 0.2); } .kl-skin--dark .kl-addedtocart-container {background: #000; color:#FFF; } .kl-skin--dark .kl-addedtocart-close:before, .kl-skin--dark .kl-addedtocart-close:after {background-color: #FFF;} @media (max-width: 540px){ .kl-addedtocart-container {width:95%;} } /*** Product in listing - Classic Style Single & with nesting styles because product listing is also adeed into the shop-latest tabs ; TODO: reduce nesting (once Woocommerce is updated) ; */ /* Product in listing - Image */ .woocommerce ul.products li.product .product-list-item > a {display: block; position: relative; } .woocommerce ul.products li.product .product-list-item .kw-prodimage {text-align:center; overflow: hidden; position:relative; z-index:0; display: block;} .woocommerce ul.products li.product .product-list-item .kw-prodimage-img, .woocommerce ul.products li.product .product-list-item .kw-prodimage-img {margin-bottom: 0; width: auto; margin: 0 auto; vertical-align: middle; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility:hidden;} .woocommerce ul.products li.product a img { margin-bottom: 0 } /* Product in listing - Rating */ .woocommerce ul.products li.product .product-list-item .star-rating {overflow: hidden; position: absolute; right:20px; bottom: 18px; height: 1em; line-height: 1; font-size: 10px; width: 5.4em; color: #CACACA;font-family: star } .woocommerce ul.products li.product .product-list-item .star-rating:before {content: "\73\73\73\73\73"; color: #E0E0E0; float: left; top: 0; left: 0; position: absolute } .woocommerce ul.products li.product .product-list-item .star-rating span {overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em } .woocommerce ul.products li.product .product-list-item .star-rating span:before {content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0 } .woocommerce ul.products li.product .product-list-item .kw-prodimage-img:not(:only-child) {position:relative; z-index:1;} .woocommerce ul.products li.product .product-list-item .kw-prodimage-img-secondary {position:absolute; left:0; top:0; opacity:0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility:hidden; } .woocommerce ul.products li.product .product-list-item:hover .kw-prodimage-img-secondary {opacity:1; z-index:1;} .woocommerce ul.products li.product .product-list-item:hover .kw-prodimage-img:not(:only-child) {opacity:0;} .woocommerce ul.products li.product .product-list-item .kw-prodimage-img[data-src] {opacity: 0; } /* Classic Products */ .woocommerce ul.products li.product .product-list-item.prod-layout-classic {display:block; position:relative; background: #ffffff; background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(61%,#ffffff), color-stop(100%,#ededed)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%,#ededed 100%); background: -webkit-radial-gradient(center, ellipse, #ffffff 0%, #ffffff 50%, #ededed 100%); background: -webkit-radial-gradient(center ellipse,#ffffff 0%, #ffffff 50%,#ededed 100%); background: radial-gradient(ellipse at center,#ffffff 0%, #ffffff 50%,#ededed 100%); } .woocommerce ul.products li.product .product-list-item.prod-layout-classic:before {content:" "; position:absolute; left:0; top:0; z-index: 1; width:100%;height: 100%; pointer-events: none; box-shadow:inset 0 0 0 2px #e8e8e8; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .no-csspointerevents .woocommerce ul.products li.product .product-list-item.prod-layout-classic:before {display:none;} /* Product in listing - Details */ .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-details { padding:20px 20px 20px; position: relative; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background:#fff;} .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-details-title {font-size:16px; line-height:1.3; margin:0 0 10px; padding: 0; font-weight: 300; min-height: 40px; } .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-details-title , .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-details-title a {color:#2f2f2f; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} /* Product in listing - Description */ .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-details-desc {font-size:12px; color:#939393; line-height:1.4; margin-bottom:10px; } .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-details-desc {display: block; clear: both; position: relative; height: 60px; overflow: hidden; background: -webkit-linear-gradient(top, rgba(0,0,0, 0.5) 50%, rgba(255,255,255, 0) 100% ); background: linear-gradient(to bottom, rgba(0,0,0, 0.5) 50%, rgba(255,255,255, 0) 100% ); /* -webkit-text-fill-color: transparent; */ color: transparent; -webkit-background-clip: text; background-clip: text; } /* Fix For Safari */ .is-safari .product-list-item.prod-layout-classic .kw-details-desc {color:#939393;} /* Fallback if no background clip text */ .no-backgroundcliptext .woocommerce ul.products li.product .prod-layout-classic.product-list-item .kw-details-desc {background:none;} .no-backgroundcliptext .product-list-item.prod-layout-classic .kw-details-desc:after, .is-safari .product-list-item.prod-layout-classic .kw-details-desc:after {content:''; position:absolute; left: -5px; right: -5px; bottom: -10px; height: 75%; width:100%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,#fff)); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#fff 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#fff 100%);} .no-backgroundcliptext .product-list-item.prod-layout-classic:hover .kw-details-desc:after, .is-safari .product-list-item.prod-layout-classic:hover .kw-details-desc:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,#edecec)); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#edecec 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #edecec 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#edecec 100%);} /* Product in listing - Actions */ .kw-actions {display:inline-block;} .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-actions {text-align:right; position:absolute; right:0; bottom:10px; width:auto; overflow:hidden;line-height: 1; z-index: 0; padding:10px 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-actions a { text-transform: uppercase; display: inline-block; background: #CD2122; color: #fff; font-size: 10px; line-height: 1; padding: 6px 10px; white-space: nowrap; margin-bottom: 3px; position: relative; float: right; clear: right; font-weight: 600; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: translateX(100%); transform: translateX(100%);} .woocommerce ul.products li.product .product-list-item.prod-layout-classic:hover .kw-actions a { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-actions a:hover {background:#333; } .woocommerce ul.products li.product .product-list-item.prod-layout-classic .kw-actions a.loading:before {background: url("../../images/ajax-loader.gif") no-repeat scroll center center rgba(255, 255, 255, 0.65); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } /* Product in listing - Price */ .woocommerce ul.products li.product .product-list-item.prod-layout-classic .price, .woocommerce ul.products li.product .product-list-item.prod-layout-classic .price ins {color: #282828; font-size: 18px; font-weight: 600; line-height: 1 ;margin-bottom: 0; text-decoration: none;} .woocommerce ul.products li.product .product-list-item.prod-layout-classic .price del {font-weight:normal; display:inline-block; } .woocommerce ul.products li.product .product-list-item.prod-layout-classic .price del span {position: relative; color: #000; margin-right: 5px; text-decoration: line-through; } .woocommerce ul.products li.product .product-list-item.prod-layout-classic .price del, .woocommerce ul.products li.product .product-list-item.prod-layout-classic .price ins {font-size:80%} /* Product in listing - Hover item */ .woocommerce ul.products li.product .product-list-item.prod-layout-classic:hover:before {box-shadow:inset 0 0 0 4px #9c9c9c;} .woocommerce ul.products li.product .product-list-item.prod-layout-classic:hover .kw-details {background:#edecec;} .woocommerce ul.products li.product .product-list-item.prod-layout-classic:hover .kw-details-title {color:#CD2122;} /* DARK Product listing */ .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic {background: #000; background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(61%,#000), color-stop(100%,#121212)); background: -webkit-radial-gradient(center, ellipse cover, #000 61%,#121212 100%); background: -webkit-radial-gradient(center, ellipse, #000 0%, #000 50%, #121212 100%); background: -webkit-radial-gradient(center ellipse,#000 0%, #000 50%,#121212 100%); background: radial-gradient(ellipse at center,#000 0%, #000 50%,#121212 100%); } .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic:before {box-shadow:inset 0 0 0 2px #171717;} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .kw-details { background:#000;} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .kw-details-title , .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .kw-details-title a {color:#D0D0D0; } .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .kw-details-desc {color:#6C6C6C; } .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .kw-details-desc:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#000 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#000 100%);} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic:hover .kw-details-desc:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,#121313)); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#121313 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #121313 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#121313 100%);} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .kw-actions a {color: #000; box-shadow: 0px 4px 15px rgba(0,0,0, 0.5);} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .kw-actions a:hover {background:#CCCCCC; } .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .kw-actions a.loading:before {background-color: rgba(0, 0, 0, 0.65);} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .price, .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .price ins {color: #D7D7D7; } .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .price del span {color: #fff;} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .star-rating {color: #353535; } .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic .star-rating:before {color: #1F1F1F;} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic:hover:before {box-shadow:inset 0 0 0 4px #636363;} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-classic:hover .kw-details {background:#121313;} /* Style2 Products in listing */ .woocommerce ul.products li.product .product-list-item.prod-layout-style2 {display:block; position:relative; background: #ffffff; -webkit-transition:box-shadow .15s ease-out; transition: box-shadow .15s ease-out; } .woocommerce ul.products li.product .product-list-item.prod-layout-style2:hover { box-shadow: 8px 15px 40px rgba(0,0,0,0.15); } /* Product in listing - Details */ .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-details { padding:25px 30px 60px; position: relative;} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-details-title {font-size:16px; line-height:1.5; margin:0 0 10px; padding: 0; font-weight: 700; min-height: 40px; font-family: inherit; } .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-details-title , .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-details-title a {color:#2f2f2f; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} /* Product in listing - Description */ .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-details-desc {font-size:12px; color:#999999; line-height:1.6; margin-bottom:10px; } /* Product in listing - Actions */ .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions {position:absolute; right:10px; bottom:0; width:auto;} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions a { width:40px; height:50px; display: block; float:left; line-height: 45px; text-align: center;} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions svg {vertical-align: middle;} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-moreinfo { } .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .svg-moreIcon circle { fill:transparent; stroke:#141414; -webkit-transition: all .2s; transition: all .2s;} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions a:hover .svg-moreIcon circle, .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .woocommerce-LoopProduct-link:hover ~ .kw-actions .svg-moreIcon circle {fill:#000; stroke:#000; stroke-width:2px} .woocommerce ul.products li.product.product-type-variable .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart, .woocommerce ul.products li.product.outofstock .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart, .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart {position: relative;} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart path {fill:#141414} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart:hover path {fill:#000; -webkit-transition: all .2s; transition: all .2s;} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart:hover .addtocart_circle, .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart:hover .addtocart_plus, .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart.added .addtocart_circle, .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart.added .addtocart_plus { fill:#7ED321; } .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .added_to_cart.wc-forward {display: none;} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-actions a.loading:before {background: url("../../images/ajax-loader.gif") no-repeat scroll center center rgba(255, 255, 255, 0.9); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } /* Product in listing - Price */ .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .price, .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .price ins {color: #282828; font-size: 18px; font-weight: 600; line-height: 1 ;margin-bottom: 0; text-decoration: none;} .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .price del {font-weight:normal; display:inline-block; } .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .price del span {position: relative; color: #000; margin-right: 5px; text-decoration: line-through; } .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .price del, .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .price ins {font-size:80%} /* Rating */ .woocommerce ul.products li.product .product-list-item.prod-layout-style2 .star-rating {right:auto; left:30px;} /* DARK Style2 Products in listing */ .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 {background: #000; } /* Product in listing - Details */ .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .kw-details-title , .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .kw-details-title a {color:#D0D0D0;} /* Product in listing - Description */ .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .kw-details-desc {color:#999;} /* Product in listing - Actions */ .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .svg-moreIcon circle { stroke:#cecece; } .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .kw-actions a:hover .svg-moreIcon circle, .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .woocommerce-LoopProduct-link:hover ~ .kw-actions .svg-moreIcon circle {fill:#FFF; stroke:#FFF;} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart path {fill:#cecece} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .kw-actions .actions-addtocart:hover path {fill:#FFF;} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .kw-actions a.loading:before {background-color:rgba(0, 0, 0, 0.9); } /* Product in listing - Price */ .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .price, .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .price ins {color: #D7D7D7;} .kl-skin--dark ul.products li.product .product-list-item.prod-layout-style2 .price del span {color: #fff; } /* Add to cart inline */ .add_to_cart_inline .woocommerce-Price-amount {font-weight: 700;font-size: 16px; vertical-align: middle;} .add_to_cart_inline .kw-actions {vertical-align: middle;} .add_to_cart_inline .kw-actions a {margin-left: 10px;text-transform: uppercase;padding: 4px 10px;font-size: 12px !important;} /* Woocommerce Archive columns */ .woocommerce .kallyas-wc-cols--3 ul.products li.product { width: 33.3333%; } .woocommerce .kallyas-wc-cols--4 ul.products li.product { width: 25%; } .woocommerce .kallyas-wc-cols--5 ul.products li.product { width: 20%; } .woocommerce .kallyas-wc-cols--6 ul.products li.product { width: 16.666%; } @media (max-width: 1199px) { .woocommerce .kallyas-wc-cols--5 ul.products li.product, .woocommerce .kallyas-wc-cols--6 ul.products li.product { width: 25%; } .woocommerce .kallyas-wc-cols--5 ul.products li.product.first, .woocommerce .kallyas-wc-cols--6 ul.products li.product.first { clear: none !important; } } @media (max-width: 991px) { .woocommerce .kallyas-productlist-wrapper ul.products li.product { width: 33.3333%; } .woocommerce .kallyas-wc-cols--4 ul.products li.product.first { clear: none !important; } } @media (max-width: 767px) { .woocommerce .kallyas-productlist-wrapper ul.products li.product { width: 50%; } } @media (max-width: 479px) { .woocommerce .kallyas-productlist-wrapper ul.products li.product { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .woocommerce .kallyas-productlist-wrapper:not(.kallyas-wc-cols--3) ul.products li.product:nth-child(4n+1) { clear: both !important; } } @media (min-width: 768px) and (max-width: 991px) { .woocommerce .kallyas-productlist-wrapper ul.products li.product:nth-child(3n+1) { clear: both !important; } } @media (min-width: 480px) and (max-width: 767px) { .woocommerce .kallyas-productlist-wrapper ul.products li.product:nth-child(2n+1) { clear: both !important; } } @media (min-width: 1200px) { .woocommerce .kallyas-wc-cols--5 ul.products li.product .prod-layout-classic .star-rating, .woocommerce .kallyas-wc-cols--6 ul.products li.product .prod-layout-classic .star-rating { position: relative; right: auto; bottom: 10px } } /* Ugly fix for button in options, conflicting with WC. button , ref: #2070 */ .zn-wc-pages-style2 .zn_option_container button.button {display: inline-block; text-decoration: none; font-size: 13px; font-weight: initial; line-height: 26px; height: 28px; padding: 0 10px 1px; cursor: pointer; border: 1px solid #ccc; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; color: #555; background: #f7f7f7; box-shadow: 0 1px 0 #ccc; vertical-align: top; text-transform: initial; margin-right: 5px; margin-bottom: 4px;}