­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ /* Styles for WooCommerce plugin only when RTL direction is enabled */ /* WooCommerce version 3.0 styles */ /* Product Gallery */ .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { float:right; margin-left: 2.6%; margin-right: auto; } .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(4n+5) { margin-left: 0px; margin-right: auto; } /* Select2 dropdown */ .select2-container .select2-selection--single .select2-selection__rendered { padding-right:15px; padding-left: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { left: 4px; right: auto; } /* WooCommerce version 2.6 styles */ .woocommerce-MyAccount-navigation { float: right; } .woocommerce-MyAccount-navigation ul li a:after { float: left; padding-left: 10px; padding-right: 0; } .woocommerce-MyAccount-content { float: left; padding-right: 60px; padding-left: 0; } /* WooCommerce version 2.3 styles */ .widget_shopping_cart_content a.remove { float: right; margin-left: 5px; margin-right: auto; } .woocommerce .shipping-calculator-form p { text-align: left; } /* Menu Cart Widget */ #site-header .site-links .header_cart_widget { left: -10px; right: auto; transform-origin: 15% top 0; } #site-header .site-links .header_cart_widget .woocommerce .buttons a:first-child { margin-left: 20px; margin-right: auto; } #site-header .site-links .header_cart_widget .woocommerce dl dt { float: right; clear: right; margin: 0 0 0 .25em; } /* General Styles */ .woocommerce-info:before { margin-left: 10px; margin-right: 1px; } .woocommerce .widget ins { margin-right: 5px; margin-left: auto; } .woocommerce #ship-to-different-address-checkbox { margin-left: 10px; margin-right: auto; } @media screen and (-webkit-min-device-pixel-ratio:0) { } .shop-template .product-inner,.woocommerce .product-inner { text-align: right; } .shop-template h2,.entry-content .woocommerce h2 { text-align: right; } .shop-template h3,.entry-content .woocommerce h3 { text-align: right; } .woocommerce input#s { margin-left: 5px; margin-right: auto; } .woocommerce .variations .reset_variations { float: left; } /* Product style adjustment */ .woocommerce ul.products li.product,.woocommerce-page ul.products li.product { float: right; margin: 0 0 .2% .2%; } .woocommerce ul.products li.last,.woocommerce-page ul.products li.last { margin-left: 0; margin-right: auto; } /* Table Styles */ .woocommerce th { text-align: right; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-name,.woocommerce-page.woocommerce-checkout-review-order-table table.shop_table th.product-name { border-left: 1px solid rgba(255,255,255,0.5); border-right: none; } /* Woocomerce styles (Edited) */ /* Messages */ .woocommerce-message .button,.woocommerce-error .button,.woocommerce-info .button { float: left; } .woocommerce-message li,.woocommerce-error li,.woocommerce-info li { padding-right: 0; margin-right: 0; padding-left: 0; margin-left: auto; } /* Demo store */ p.demo_store { right: 0; left: 0; } /* Columns */ .woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 { float: right; } .woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 { float: left; } /* Products */ .woocommerce div.product div.images,.woocommerce #content div.product div.images,.woocommerce-page div.product div.images,.woocommerce-page #content div.product div.images { float: right; } .woocommerce div.product div.images div.thumbnails a,.woocommerce #content div.product div.images div.thumbnails a,.woocommerce-page div.product div.images div.thumbnails a,.woocommerce-page #content div.product div.images div.thumbnails a { float: right; margin-left: 3.8%; margin-right: auto; } .woocommerce div.product div.images div.thumbnails a.last,.woocommerce #content div.product div.images div.thumbnails a.last,.woocommerce-page div.product div.images div.thumbnails a.last,.woocommerce-page #content div.product div.images div.thumbnails a.last { margin-left: 0; margin-right: auto; } .woocommerce div.product div.summary,.woocommerce #content div.product div.summary,.woocommerce-page div.product div.summary,.woocommerce-page #content div.product div.summary { float: left; } .woocommerce div.product div.social,.woocommerce #content div.product div.social,.woocommerce-page div.product div.social,.woocommerce-page #content div.product div.social { text-align: left; } .woocommerce div.product div.social span,.woocommerce #content div.product div.social span,.woocommerce-page div.product div.social span,.woocommerce-page #content div.product div.social span { margin: 0 2px 0 0; } .woocommerce div.product div.social span .stButton .chicklets,.woocommerce #content div.product div.social span .stButton .chicklets,.woocommerce-page div.product div.social span .stButton .chicklets,.woocommerce-page #content div.product div.social span .stButton .chicklets { padding-right: 16px; padding-left: 0; } .woocommerce div.product div.social iframe,.woocommerce #content div.product div.social iframe,.woocommerce-page div.product div.social iframe,.woocommerce-page #content div.product div.social iframe { float: right; } .woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { margin-left: 20px; margin-right: auto; } /* Cart */ .woocommerce div.product form.cart div.quantity,.woocommerce #content div.product form.cart div.quantity,.woocommerce-page div.product form.cart div.quantity,.woocommerce-page #content div.product form.cart div.quantity { float: right; margin: 0 0 0 6px; } .woocommerce div.product form.cart table td,.woocommerce #content div.product form.cart table td,.woocommerce-page div.product form.cart table td,.woocommerce-page #content div.product form.cart table td { padding-right: 0; padding-left: 0; } .woocommerce div.product form.cart .variations label,.woocommerce #content div.product form.cart .variations label,.woocommerce-page div.product form.cart .variations label,.woocommerce-page #content div.product form.cart .variations label { padding: 7px 0 0 10px; } .woocommerce div.product form.cart .variations select,.woocommerce #content div.product form.cart .variations select,.woocommerce-page div.product form.cart .variations select,.woocommerce-page #content div.product form.cart .variations select { float: right; } .woocommerce div.product form.cart .variations td.label,.woocommerce #content div.product form.cart .variations td.label,.woocommerce-page div.product form.cart .variations td.label,.woocommerce-page #content div.product form.cart .variations td.label { padding-left: 1em; padding-right: 0; } .woocommerce div.product form.cart .button,.woocommerce #content div.product form.cart .button,.woocommerce-page div.product form.cart .button,.woocommerce-page #content div.product form.cart .button { float: right; } .woocommerce div.product form.cart .group_table td.label,.woocommerce #content div.product form.cart .group_table td.label,.woocommerce-page div.product form.cart .group_table td.label,.woocommerce-page #content div.product form.cart .group_table td.label { padding-left: 1em; padding-right: 1em; } .woocommerce .product-col-3 ul.products li.product,.woocommerce-page .product-col-3 ul.products li.product { float: right; margin: 0 0 .2% .2%; } .woocommerce .product-col-4 ul.products li.product,.woocommerce-page .product-col-4 ul.products li.product { float: right; margin: 0 0 .2% .2%; } .woocommerce span.onsale,.woocommerce-page span.onsale { right: 10px; left: auto; } .woocommerce ul.products li.product .onsale,.woocommerce-page ul.products li.product .onsale { left: 10px; right: auto; } .woocommerce .product-col-3 ul.products li.last,.woocommerce-page .product-col-3 ul.products li.last,.woocommerce .product-col-4 ul.products li.last,.woocommerce-page .product-col-4 ul.products li.last { margin-left: 0; margin-right: auto; } .woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count { float: right; } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { margin: 0 0 1em 1px; float: left; } /* Pagination */ .woocommerce-pagination ul li { float: right; } .woocommerce-pagination ul li a.next { margin-right: 7px; margin-left: auto; } .woocommerce-pagination ul li a.prev { margin-left: 7px; margin-right: auto; } /* Buttons */ .woocommerce a.button.loading:after,.woocommerce button.button.loading:after,.woocommerce input.button.loading:after,.woocommerce #respond input#submit.loading:after,.woocommerce #content input.button.loading:after,.woocommerce-page a.button.loading:after,.woocommerce-page button.button.loading:after,.woocommerce-page input.button.loading:after,.woocommerce-page #respond input#submit.loading:after,.woocommerce-page #content input.button.loading:after { left: 0; right: 0; } .woocommerce a.added_to_cart,.woocommerce-page a.added_to_cart { right: 50%; margin-right: -70px; left: auto; margin-left: auto; } .woocommerce a.added_to_cart:before,.woocommerce-page a.added_to_cart:before { padding-left: 10px; padding-right: 0; } /* Reviews and ratings */ .woocommerce #reviews h2 small,.woocommerce-page #reviews h2 small { float: left; } .woocommerce #reviews #comments .add_review,.woocommerce-page #reviews #comments .add_review { float: left; } .woocommerce #reviews #comments ol.commentlist li img.avatar,.woocommerce-page #reviews #comments ol.commentlist li img.avatar { float: right; right: auto; left: auto; } .woocommerce #reviews #comments ol.commentlist li .comment-text,.woocommerce-page #reviews #comments ol.commentlist li .comment-text { margin: 0 50px 0 0; } .woocommerce .star-rating,.woocommerce-page .star-rating { float: left; } .woocommerce .star-rating:before,.woocommerce-page .star-rating:before { float: right; right: 0; left: auto; } .woocommerce .star-rating span,.woocommerce-page .star-rating span { float: right; right: 0; left: auto; } .woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before { right: 0; left: auto; } .woocommerce #review_form .comment-form-author,.woocommerce-page #review_form .comment-form-author,.woocommerce #review_form .comment-form-email,.woocommerce-page #review_form .comment-form-email { float: right; margin-left: 2%; margin-right: auto; } .woocommerce #review_form .comment-form-email,.woocommerce-page #review_form .comment-form-email { margin-left:0; } .woocommerce #review_form #respond .form-submit input,.woocommerce-page #review_form #respond .form-submit input { right: auto; left: auto; } .woocommerce p.stars span,.woocommerce-page p.stars span { float: right; background: url(images/star.png) repeat-x right 0; } .woocommerce p.stars span a,.woocommerce-page p.stars span a { float: right; right: 0; left: auto; } .woocommerce p.stars span a:hover,.woocommerce p.stars span a:focus,.woocommerce-page p.stars span a:hover,.woocommerce-page p.stars span a:focus { background: url(images/star.png) repeat-x right -16px; } .woocommerce p.stars span a.active,.woocommerce-page p.stars span a.active { background: url(images/star.png) repeat-x right -32px; } /* Shop tables, forms and checkout */ .woocommerce table.shop_table,.woocommerce-page table.shop_table { margin: 0 0 24px -1px; text-align: right; } .woocommerce table.my_account_orders .order-actions,.woocommerce-page table.my_account_orders .order-actions { text-align: left; } .woocommerce table.my_account_orders .order-actions .button,.woocommerce-page table.my_account_orders .order-actions .button { margin: .125em .25em .125em 0; } .woocommerce td.product-name dl.variation dt,.woocommerce-page td.product-name dl.variation dt { float: right; clear: right; margin: 0 0 0 .5em; } .woocommerce table.cart td.actions,.woocommerce #content table.cart td.actions,.woocommerce-page table.cart td.actions,.woocommerce-page #content table.cart td.actions { text-align: left; padding-right: 2px; padding-left: 2px; } .woocommerce table.cart td.actions .coupon,.woocommerce #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon { float: right; } .woocommerce table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon .input-text { margin-left: 20px; float: right; margin-right: auto; } .woocommerce table.cart td.actions .button.alt,.woocommerce #content table.cart td.actions .button.alt,.woocommerce-page table.cart td.actions .button.alt,.woocommerce-page #content table.cart td.actions .button.alt { float: left; margin-right: .25em; margin-left: auto; } .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: left; margin-right: 4px; margin-left: auto; } .woocommerce ul.cart_list li dl,.woocommerce ul.product_list_widget li dl,.woocommerce-page ul.cart_list li dl,.woocommerce-page ul.product_list_widget li dl { padding-right: 1em; border-right: 2px solid rgba(0,0,0,0.05); padding-left: 0; border-left: none; } .woocommerce ul.cart_list li dl dt,.woocommerce ul.product_list_widget li dl dt,.woocommerce-page ul.cart_list li dl dt,.woocommerce-page ul.product_list_widget li dl dt { float: right; clear: right; margin-left: .25em; margin-right: auto; } .woocommerce .widget_product_categories .count { float: left; } .woocommerce .woocommerce-product-search input.search-field { margin-left: 15px; margin-right: auto; } .woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related { float: right; } .woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells { float: right; } .woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator { text-align: left; clear: left; float: left; } .woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals { float: left; text-align: left; } .woocommerce form legend,.woocommerce-page form legend { float: left; } .woocommerce form .form-row .input-checkbox,.woocommerce-page form .form-row .input-checkbox { margin: -2px 0 0 8px; } .woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last { float: right; } .woocommerce form .form-row-last,.woocommerce-page form .form-row-last { float: left; } .woocommerce form.login,.woocommerce form.checkout_coupon,.woocommerce form.register,.woocommerce-page form.login,.woocommerce-page form.checkout_coupon,.woocommerce-page form.register { text-align: right; } .woocommerce ul#shipping_method li,.woocommerce-page ul#shipping_method li { padding: .25em 22px .25em 0; } .woocommerce .checkout .col-2 h3,.woocommerce-page .checkout .col-2 h3 { float: right; } .woocommerce .checkout .col-2 .notes,.woocommerce-page .checkout .col-2 .notes { clear: right; } .woocommerce .checkout .col-2 .form-row-first,.woocommerce-page .checkout .col-2 .form-row-first { clear: right; } .woocommerce .checkout div.shipping-address,.woocommerce-page .checkout div.shipping-address { clear: right; } .woocommerce .checkout #shiptobilling,.woocommerce-page .checkout #shiptobilling { float: left; } .woocommerce .checkout #shiptobilling label,.woocommerce-page .checkout #shiptobilling label { margin-right: -10px; margin-left: auto; } .woocommerce #payment ul.payment_methods,.woocommerce-page #payment ul.payment_methods { text-align: right; } .woocommerce #payment ul.payment_methods li label,.woocommerce-page #payment ul.payment_methods li label { margin-right: 5px; margin-left: auto; } .woocommerce #payment ul.payment_methods li.payment_method_paypal img,.woocommerce-page #payment ul.payment_methods li.payment_method_paypal img { margin-right: 10px; margin-left: 10px; } .woocommerce #payment .place-order,.woocommerce-page #payment .place-order { float: left; } .woocommerce .order_details li,.woocommerce-page .order_details li { float: right; margin-left: 2em; border-left: 1px dashed #dfdbdf; padding-left: 2em; padding-right: 0; margin-right: auto; border-right: none; } .woocommerce .addresses .title h3,.woocommerce-page .addresses .title h3 { float: right; } .woocommerce .addresses .title .edit,.woocommerce-page .addresses .title .edit { float: left; } .woocommerce ul.digital-downloads,.woocommerce-page ul.digital-downloads { margin-right: 0; padding-right: 0; padding-left: 0; margin-left: auto; } .woocommerce ul.digital-downloads li,.woocommerce-page ul.digital-downloads li { margin-right: 0; padding-right: 1.5em; padding-left: 0; margin-left: auto; } .woocommerce ul.digital-downloads li .count,.woocommerce-page ul.digital-downloads li .count { float: left; } /* Widgets */ .woocommerce .widget_layered_nav ul li.chosen a,.woocommerce-page .widget_layered_nav ul li.chosen a { padding: 0 18px 0 6px; } .woocommerce .widget_layered_nav ul small.count,.woocommerce-page .widget_layered_nav ul small.count { float: left; margin-right: 6px; margin-left: auto; } .woocommerce .widget_layered_nav_filters ul li,.woocommerce-page .widget_layered_nav_filters ul li { float: right; padding: 0 0 1px 1px; } .woocommerce .widget_layered_nav_filters ul li a,.woocommerce-page .widget_layered_nav_filters ul li a { padding: 0 18px 0 6px; float: right; } .woocommerce .widget_price_filter .price_slider_amount,.woocommerce-page .widget_price_filter .price_slider_amount { text-align: left; } .woocommerce .widget_price_filter .price_slider_amount .button,.woocommerce-page .widget_price_filter .price_slider_amount .button { float: right; } .woocommerce .widget_price_filter .ui-slider,.woocommerce-page .widget_price_filter .ui-slider { text-align: right; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-right: -1.13em; margin-left: auto; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min,.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { right: -1px; left: auto; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max,.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { left: -1px; right: auto; } /* Login and register page */ .woocommerce form.login .button,.woocommerce form.register .button,.woocommerce-page form.login .button,.woocommerce-page form.register .button { float: right; margin-left: 15px; margin-right: auto; } /* * ------------------------------------------------------------------------------------------- * TABLET PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width:768px) and (max-width:979px) { .woocommerce-MyAccount-navigation ul li { padding-left: 20px; padding-right: 0; } .woocommerce-MyAccount-navigation ul li:last-child { padding-left: 0; padding-right: 0; } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { margin: 0 0 1em 4px; } .woocommerce #review_form .comment-form-author,.woocommerce-page #review_form .comment-form-author,.woocommerce #review_form .comment-form-email,.woocommerce-page #review_form .comment-form-email,.woocommerce #review_form .comment-form-rating,.woocommerce-page #review_form .comment-form-rating { margin-left: 0; margin-right: auto; } .woocommerce td.product-name dl.variation dt,.woocommerce-page td.product-name dl.variation dt { text-align: right; } .woocommerce ul.products li.last { margin-left: 0.2% !important; margin-right: auto; } .woocommerce .products .product:nth-child(2n) { margin-left: 0 !important; margin-right: auto; } .woocommerce a.added_to_cart { margin-right: -65px; margin-left: auto; } .woocommerce-cart .row-inner,.woocommerce-checkout .row-inner { padding-left: 40px !important; padding-right: 40px !important; } } /* * ------------------------------------------------------------------------------------------- * MOBILE LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width:480px) and (max-width:767px) { .woocommerce-MyAccount-navigation ul li { padding-left: 20px; padding-right: 0; } .woocommerce-MyAccount-navigation ul li:last-child { padding-left: 0; padding-right: 0; } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { margin: 0 0 1em 4px; } .woocommerce #review_form .comment-form-author,.woocommerce-page #review_form .comment-form-author,.woocommerce #review_form .comment-form-email,.woocommerce-page #review_form .comment-form-email,.woocommerce #review_form .comment-form-rating,.woocommerce-page #review_form .comment-form-rating { margin-left: 0; margin-right: auto; } .woocommerce td.product-name dl.variation dt,.woocommerce-page td.product-name dl.variation dt { text-align: right; } .woocommerce ul.products li.last { margin-left: 0.2% !important; margin-right: auto; } .woocommerce .products .product:nth-child(2n) { margin-left: 0 !important; margin-right: auto; } .woocommerce table.shop_table .button { float: right !important; margin-left: 5px !important; margin-right: auto; } .woocommerce table.shop_table .checkout-button { margin-right: 0 !important; margin-left: auto; } } /* * ------------------------------------------------------------------------------------------- * MOBILE PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width:479px) { .woocommerce-MyAccount-navigation ul li { padding-left: 20px; padding-right: 0; } .woocommerce-MyAccount-navigation ul li:last-child { padding-left: 0; padding-right: 0; } .woocommerce .login .button { margin: 10px 0 10px 10px; } .woocommerce #review_form .comment-form-author,.woocommerce-page #review_form .comment-form-author,.woocommerce #review_form .comment-form-email,.woocommerce-page #review_form .comment-form-email,.woocommerce #review_form .comment-form-rating,.woocommerce-page #review_form .comment-form-rating { margin-left: 0; margin-right: auto; } .woocommerce td.product-name dl.variation dt,.woocommerce-page td.product-name dl.variation dt { text-align: right; } .woocommerce ul.products li.last { margin-left: 0% !important; margin-right: auto; } .woocommerce a.added_to_cart { margin-right: -65px; margin-left: auto; } .woocommerce table.shop_table th.product-name,.woocommerce table.shop_table th.product-subtotal { padding-right: 5px; padding-left: 0; } .woocommerce table.shop_table .coupon .button { float: right; } .woocommerce form .form-row-last,.woocommerce-page form .form-row-last { float: right; } }