:root { --woocommerce: #720eec; --wc-green: #7ad03a; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #720eec; --wc-primary-text: #fcfbfe; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #958e09; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; --wc-form-border-color: rgba(32, 7, 7, 0.8); --wc-form-border-radius: 4px; --wc-form-border-width: 1px } .woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button { float: right } .woocommerce .col2-set,.woocommerce-page .col2-set { width: 100% } .woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before { content: " "; display: table } .woocommerce .col2-set::after,.woocommerce-page .col2-set::after { clear: both } .woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 { float: left; width: 48% } .woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 { float: right; width: 48% } .woocommerce img,.woocommerce-page img { height: auto; max-width: 100% } .woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images { float: left; width: 48% } .woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before { content: " "; display: table } .woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after { clear: both } .woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a { float: left; width: 30.75%; margin-right: 3.8%; margin-bottom: 1em } .woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last { margin-right: 0 } .woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first { clear: both } .woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a { width: 100%; margin-right: 0; float: none } .woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a { width: 48% } .woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a { width: 22.05% } .woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a { width: 16.9% } .woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary { float: right; width: 48%; clear: none } .woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs { clear: both } .woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before { content: " "; display: table } .woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after { clear: both } .woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li { display: inline-block } .woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before { content: " "; display: table } .woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after { clear: both } .woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img { float: right; height: auto } .woocommerce ul.products,.woocommerce-page ul.products { clear: both } .woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before { content: " "; display: table } .woocommerce ul.products::after,.woocommerce-page ul.products::after { clear: both } .woocommerce ul.products li.product,.woocommerce-page ul.products li.product { float: left; margin: 0 3.8% 2.992em 0; padding: 0; position: relative; width: 22.05%; margin-left: 0 } .woocommerce ul.products li.first,.woocommerce-page ul.products li.first { clear: both } .woocommerce ul.products li.last,.woocommerce-page ul.products li.last { margin-right: 0 } .woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product { width: 100%; margin-right: 0 } .woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product { width: 48% } .woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product { width: 30.75% } .woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product { width: 16.95% } .woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product { width: 13.5% } .woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product { width: 100%; margin-right: 0 } .woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product { width: 48% } .woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product { width: 30.75% } .woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product { width: 16.95% } .woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product { width: 13.5% } .woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count { float: left } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { float: right } .woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before { content: " "; display: table } .woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after { clear: both } .woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block } .woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img { height: auto } .woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions { text-align: right } .woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text { width: 80px } .woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon { float: left } .woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals { width: 100% } .woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before { content: " "; display: table } .woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after { clear: both } .woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related { width: 30.75%; float: left } .woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells { width: 48%; float: left } .woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products { float: none } .woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 48% } .woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator { width: 48%; clear: right; float: right } .woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before { content: " "; display: table } .woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after { clear: both } .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47% } .woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals { float: right; width: 48% } .woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before { content: " "; display: table } .woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after { clear: both } .woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img { float: right; height: auto } .woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before { content: " "; display: table } .woocommerce form .form-row::after,.woocommerce-page form .form-row::after { clear: both } .woocommerce form .form-row label,.woocommerce-page form .form-row label { display: block } .woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox { display: inline } .woocommerce form .form-row select,.woocommerce-page form .form-row select { width: 100% } .woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text { box-sizing: border-box; width: 100% } .woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last { width: 47%; overflow: visible } .woocommerce form .form-row-first,.woocommerce-page form .form-row-first { float: left } .woocommerce form .form-row-last,.woocommerce-page form .form-row-last { float: right } .woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide { clear: both } .woocommerce form .password-input,.woocommerce-page form .password-input { display: flex; flex-direction: column; justify-content: center; position: relative } .woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password] { padding-right: 2.5rem } .woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal { display: none } .woocommerce form .show-password-input,.woocommerce-page form .show-password-input { background-color: transparent; border-radius: 0; border: 0; color: var(--wc-form-color-text,#000); cursor: pointer; font-size: inherit; line-height: inherit; margin: 0; padding: 0; position: absolute; right: .7em; text-decoration: none; top: 50%; transform: translateY(-50%); -moz-osx-font-smoothing: inherit; -webkit-appearance: none; -webkit-font-smoothing: inherit } .woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before { background-repeat: no-repeat; background-size: cover; background-image: url('data:image/svg+xml,'); content: ""; display: block; height: 22px; width: 22px } .woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before { background-image: url('data:image/svg+xml,') } .woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select { width: auto } .woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions { text-align: left; padding: 0 1em 0 0; float: left } .woocommerce #payment #place_order,.woocommerce-page #payment #place_order { float: right } .woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before { content: " "; display: table } .woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after { clear: both } .woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions { margin-bottom: 1.618em; padding: 1.618em } .woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed { position: relative } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 30% } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 68% } .woocommerce-account .woocommerce-MyAccount-content mark { background-color: transparent; color: inherit; font-weight: 700 } .woocommerce-page.left-sidebar #content.twentyeleven { width: 58.4%; margin: 0 7.6%; float: right } .woocommerce-page.right-sidebar #content.twentyeleven { margin: 0 7.6%; width: 58.4%; float: left } .twentyfourteen .tfwc { padding: 12px 10px 0; max-width: 474px; margin: 0 auto } .twentyfourteen .tfwc .product .entry-summary { padding: 0!important; margin: 0 0 1.618em!important } .twentyfourteen .tfwc div.product.hentry.has-post-thumbnail { margin-top: 0 } @media screen and (min-width: 673px) { .twentyfourteen .tfwc { padding-right:30px; padding-left: 30px } } @media screen and (min-width: 1040px) { .twentyfourteen .tfwc { padding-right:15px; padding-left: 15px } } @media screen and (min-width: 1110px) { .twentyfourteen .tfwc { padding-right:30px; padding-left: 30px } } @media screen and (min-width: 1218px) { .twentyfourteen .tfwc { margin-right:54px } .full-width .twentyfourteen .tfwc { margin-right: auto } } .twentyfifteen .t15wc { padding-left: 7.6923%; padding-right: 7.6923%; padding-top: 7.6923%; margin-bottom: 7.6923%; background: #fff; box-shadow: 0 0 1px rgba(0,0,0,.15) } .twentyfifteen .t15wc .page-title { margin-left: 0 } @media screen and (min-width: 38.75em) { .twentyfifteen .t15wc { margin-right:7.6923%; margin-left: 7.6923%; margin-top: 8.3333% } } @media screen and (min-width: 59.6875em) { .twentyfifteen .t15wc { margin-left:8.3333%; margin-right: 8.3333%; padding: 10% } .single-product .twentyfifteen .entry-summary { padding: 0!important } } .twentysixteen .site-main { margin-right: 7.6923%; margin-left: 7.6923% } .twentysixteen .entry-summary { margin-right: 0; margin-left: 0 } #content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary { width: 46.42857% } @media screen and (min-width: 44.375em) { .twentysixteen .site-main { margin-right:23.0769% } } @media screen and (min-width: 56.875em) { .twentysixteen .site-main { margin-right:0; margin-left: 0 } .no-sidebar .twentysixteen .site-main { margin-right: 15%; margin-left: 15% } .no-sidebar .twentysixteen .entry-summary { margin-right: 0; margin-left: 0 } } .rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1 { float: right } .rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2 { float: left }