­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ /* Styles for WooCommerce plugin */ /* WooCommerce version 3.0 styles */ /* Product Gallery */ .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { float:left; width: 23%; margin-right: 2.6%; margin-top: 1em; } .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { float: none; margin-top:0px; width: 100%; } .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(4n+5) { margin-right: 0px; } .pswp input[type=button]:hover, .pswp input[type='submit']:hover, .pswp button:hover { background-color:transparent; border:none; } /* Select2 dropdown */ .select2-container { margin-bottom:15px; } .select2-container li { margin-bottom:0px; } .select2-container--default .select2-selection--single { border: 1px solid #e6e7e8; border-radius: 2px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left:15px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; line-height:48px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height:44px; right: 4px; } .select2-container .select2-selection--single { height: 48px; } .select2-dropdown { border: 1px solid #e6e7e8; } /* WooCommerce version 2.6 styles */ .woocommerce-MyAccount-navigation { width: 25%; width: 300px; float: left; box-sizing: border-box; } .woocommerce-MyAccount-navigation ul { border: 1px solid #e7e7e7; padding: 9px 20px; border-radius: 2px; } .woocommerce-MyAccount-navigation ul li { border-bottom: 1px dotted #D8D8D8; padding: 0; } .woocommerce-MyAccount-navigation ul li:last-child { border: none; } .woocommerce-MyAccount-navigation ul li a { color: inherit; display: block; padding: 11px 0; transition: color .15s; } .woocommerce-MyAccount-navigation ul li a:after { content: "\f054"; float: right; font-family: FontAwesome; color: #999; font-size: 12px; line-height: 23px; padding-right: 10px; cursor: default; } .woocommerce-MyAccount-content { width: 75%; width: calc(100% - 300px); float: right; padding-left: 60px; box-sizing: border-box; } .woocommerce-MyAccount-content form .button { margin-top: 10px; } /* WooCommerce version 2.3 styles */ .widget_shopping_cart_content a.remove { float: left; margin-right: 5px; z-index: 9999; } .quantity .qty { border: 1px solid #ccc; background: none; border-radius: 0; text-align: center; height: 48px; width: 80px; } .quantity input.qty { padding: 0; } .shop_table .quantity .qty { width: 60px; height: 40px; } .woocommerce .shipping-calculator-form p { margin: 5px 0 20px; text-align: right; } .woocommerce .cart-collaterals .woocommerce-shipping-calculator { margin-top: 10px; } .woocommerce .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button:before { font-family: FontAwesome; content: "\f0d1"; margin-right: 10px; margin-left: 1px; font-size: 18px; vertical-align: -1px; } .woocommerce .cart-collaterals .cart_totals .state_select,.woocommerce .cart-collaterals .cart_totals .country_to_state { padding: 15px 10px; border-color: #e6e7e8; margin-bottom: 15px; border-width: 1px; } .woocommerce .select2-results { background: #fff; } .woocommerce input[type=number] { -moz-appearance: textfield; } /* Theme Specific*/ .woocommerce .pre-content-html { padding: 0 30px; } /* Menu Cart Widget */ #site-header .header_cart_wrapper { display: inline-block; } #site-header .site-links .header_cart_wrapper { position: relative; font-size: 15px; margin-bottom: -1px; } #site-header .site-links .header_cart_widget { width: 225px; padding: 25px 25px 15px; background: #fff; position: absolute; top: 100%; right: -10px; font-weight: 400; line-height: 1.75; display: block; visibility:hidden; margin-top: -2px; opacity: 0; z-index: 9992; border-top: 1px solid rgba(199,199,199,0.15); box-shadow: 0px 1px 3px rgba(0,0,0,0.3); transform: scale(0.4); transform-origin: 85% top 0; transition: opacity .15s, transform .3s cubic-bezier(0.175, 1.275, 0.8, 1); } #site-header .site-links .header_cart_wrapper:hover .header_cart_widget { visibility:visible; opacity: 1; transform: scale(1); } #site-header .site-links .header_cart_widget .woocommerce a { transition: color .15s; } #site-header .site-links .cart_list a,#site-header .site-links .empty { text-transform: none; letter-spacing: normal; } #site-header .site-links .header_cart_widget .woocommerce { margin: 0; padding: 0; } #site-header .site-links .header_cart_widget .woocommerce .widgettitle { display: none; } #site-header .site-links .header_cart_widget .woocommerce ul li { float: none; font-size: 13px; line-height: 1.6; padding: 6px 0; width: 100%; border-color: rgba(0,0,0,0.065); } #site-header .site-links .header_cart_widget .woocommerce ul li:first-child { padding-top: 0; } #site-header .site-links .header_cart_widget .woocommerce ul li:last-child { padding-bottom: 0; } #site-header .site-links .header_cart_widget .woocommerce ul li a { display: block; line-height: 1.4; color: inherit; font-weight: 400; font-size: 14px; background: none; margin-bottom: 0; padding: 0; } #site-header .site-links .header_cart_widget .woocommerce ul li img { width: 45px; border-radius: 45px; border-radius: 50%; } #site-header .site-links .header_cart_widget .woocommerce ul li.empty { padding-bottom: 15px; cursor: auto; } #site-header .site-links .header_cart_widget .woocommerce .total { text-align: center; margin: 26px 0 14px; padding: 10px 0; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } #site-header .site-links .header_cart_widget .woocommerce .buttons { margin: 0; text-align: center; } #site-header .site-links .header_cart_widget .woocommerce .buttons a { padding: 0; font-size: 13px; color: inherit; background: none; border: none; box-shadow: none; } #site-header .site-links .header_cart_widget .woocommerce .buttons a:first-child { margin-right: 20px; } #site-header .site-links .header_cart_widget .woocommerce .variation { display: none; } #site-header .site-links .header_cart_widget .woocommerce dl { padding: 0; font-size: 13px; } #site-header .site-links .header_cart_widget .woocommerce dl dt { width: auto; font-weight: 500; float: left; clear: left; margin: 0 .25em 0 0; padding: 0; } #site-header .site-links .header_cart_widget .woocommerce dl dt:after { content: none; } #site-header .site-links .header_cart_widget .woocommerce dl dd { margin: 0 0 .25em; } #site-header .site-links .header_cart_widget .woocommerce dl dd p { margin-bottom: -7px; margin-top: 4px; } /* General Styles */ .woocommerce ins,.woocommerce.single .entry-content a { text-decoration: none; } .woocommerce .discount th { color: #667 !important; } .woocommerce .tax-rate th { color: #667; } .shop_table a { color: inherit; } .shop-template h1.page-title { display: none; } .shop-template .img-wrap,.woocommerce .img-wrap { position: relative; } .shop-template .images img { border: 1px solid #e7e7e7; } .woocommerce .widget ins { background-color: #ff614b; color: #fff; margin-left: 5px; border-radius: 3px; padding: 0 4px 1px; } .woocommerce input { box-shadow: none; } .woocommerce input[type="radio"],.woocommerce input[type="checkbox"] { height: auto; background: 0; vertical-align: -1px; } .woocommerce input[type="radio"],.woocommerce input[type="checkbox"] { height: auto; background: 0; vertical-align: -1px; } .woocommerce #ship-to-different-address-checkbox { margin-right: 10px; } #rememberme { margin-top: 20px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .woocommerce input[type="radio"],.woocommerce input[type="checkbox"] { vertical-align: -2px; } .woocommerce input[type="radio"],.woocommerce input[type="checkbox"] { vertical-align: -2px; } } .shop-template .product-inner,.woocommerce .product-inner { min-height: 94px; padding: 10px 15px; text-align: left; } .shop-template h2,.entry-content .woocommerce h2 { font-size: 18px; font-weight: 500; text-align: left; } .shop-template h3,.entry-content .woocommerce h3 { font-size: 18px; font-weight: 600; text-align: left; } .customer_details { margin-bottom: 10px; } .woocommerce .cart_table_item .quantity { margin: 0; } .woocommerce .screen-reader-text { display: none; } .woocommerce input#s { width: 148px; height: 40px; vertical-align: top; margin-right: 5px; } .woocommerce button { border: 0; } .woocommerce button:after { display: none; } .woocommerce .woocommerce-review-link { color: inherit; } .woocommerce .widget-container .star-rating { margin: 5px 0; } .woocommerce .variations .reset_variations { display: inline-block; padding: 5px 0 0; float: right; font-size: 11px; } .woocommerce .variations td.label { padding: 15px 0 0; } .woocommerce .orderby { border: 1px solid #e6e7e8; color: #667; font-size: 13px; padding: 5px 10px; box-shadow:0 2px 7px 0 rgba(0,0,0,0.05); } .woocommerce #dropdown_product_cat { border: 1px solid #e7e7e7; color: #667; font-size: 11px; padding: 5px 10px; width: 150px; } .woocommerce .product_meta,.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count { font-size: 14px; } /* Empty cart page */ .woocommerce-page.woocommerce-cart .cart-empty { text-align: center; font-size: 34px; font-weight: 300; color: #d2d2d2; margin-bottom: 20px; margin-top:40px; } .woocommerce-page.woocommerce-cart .return-to-shop { text-align: center; margin-bottom:40px; } .product_meta .sku_wrapper,.product_meta .posted_in,.product_meta .tagged_as { border-bottom: 1px dotted #ccc; display: block; padding: 5px 0; } /* Product style adjustment */ .woocommerce .related ul.products li.product,.woocommerce .related ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce-page .related ul.products li.product,.woocommerce-page .related ul li.product,.woocommerce-page .upsells.products ul.products li.product,.woocommerce-page .upsells.products ul li.product { width: 24.79%; } .woocommerce ul.products li.product,.woocommerce-page ul.products li.product { float: left; margin: 0 .2% .2% 0; padding: 0; position: relative; width: 24.79%; } .woocommerce ul.products li.last,.woocommerce-page ul.products li.last { margin-right: 0; } .woocommerce .products .product-category .count { background: 0; } .woocommerce ul.products li.product-category { margin-bottom: 30px; } .woocommerce ul li.product-category:hover h3,.woocommerce ul li.product-category:hover h3 mark { transition: color .2s ease-in-out; } /* Misc */ .woocommerce #searchsubmit { cursor: pointer; } .woocommerce #order_comments_field .input-text { min-height: 200px; } .woocommerce #commentform span.required { display: none; } /* Table Styles */ .woocommerce table,.woocommerce th,.woocommerce td { border: none; font-size: 14px; } .woocommerce table { background-color: #fff; border-collapse: collapse; border-spacing: 0; padding: 0; margin-bottom: 18px; border-radius: 0; width: 100%; } .woocommerce th { font-weight: 700; padding: 10px 30px; text-align: left; text-transform: uppercase; text-shadow: none; background: 0; color: #222; } .woocommerce tr { text-align: inherit; } .woocommerce tr:nth-child(odd) td { background: #fff; } .woocommerce td { padding: 10px; vertical-align: middle; } .woocommerce .cart-subtotal th,.woocommerce .shipping th,.woocommerce .total th { border-radius: 0; } .woocommerce .shop_attributes th { color: #222; } .woocommerce table.shop_table tfoot th,.woocommerce-page table.shop_table tfoot td,.woocommerce-page table.shop_table tfoot th { background: #f8f7f6; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table,.woocommerce-page table.shop_table.woocommerce-checkout-review-order-table,.woocommerce table.shop_table.woocommerce-checkout-review-order-table th,.woocommerce-page.woocommerce-checkout-review-order-table table.shop_table th,.woocommerce table.shop_table.woocommerce-checkout-review-order-table td,.woocommerce-page table.shop_table.woocommerce-checkout-review-order-table td { border: 1px solid rgba(51,51,51,0.1); } .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,.woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-total,.woocommerce-page.woocommerce-checkout-review-order-table table.shop_table th.product-total { background: #2d2d2d; color: #fff; text-align: center; font-size: 16px; } .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-right: 1px solid rgba(255,255,255,0.5); } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a { transition: background-color .15s ease-in-out; } .woocommerce .cart-collaterals .cart_totals table .shipping th,.woocommerce .cart-collaterals .cart_totals table .cart-subtotal th,.woocommerce table.shop_table .cart-subtotal th { font-weight: 400; } /* Layouts */ #content_full.shop-template .images { width: 30%; } #content_full.shop-template div.summary { width: 64%; } /* Woocomerce styles (Edited) */ .clear { clear: both; } .nobr { white-space: nowrap; } @font-face { font-family: 'star'; src: url(fonts/star.eot); src: url(fonts/star.eot?#iefix) format("embedded-opentype"),url(fonts/star.woff) format("woff"),url(fonts/star.ttf) format("truetype"),url(fonts/star.svg#star) format("svg"); font-weight: 400; font-style: normal; } /* Messages */ .woocommerce-message,.woocommerce-error,.woocommerce-info { line-height: 48px; padding: 20px; margin: 0 0 3em; position: relative; background: #f8f7f6; border: 0; list-style: none outside; width: auto; border-radius: 2px; box-shadow: 0px 10px 15px rgba(74,74,115,0.1), 0px 5px 10px rgba(0,0,0,0.07) } .woocommerce-message:after,.woocommerce-error:after,.woocommerce-info:after { content: ""; display: block; clear: both; } .woocommerce-message .button,.woocommerce-error .button,.woocommerce-info .button { float: right; } .woocommerce-message li,.woocommerce-error li,.woocommerce-info li { list-style: none outside; padding-left: 0; margin-left: 0; margin-bottom: 0; } .woocommerce-message { border-left: 5px solid #2ecc71; } .woocommerce-info { border-left: 5px solid #3498db; } .woocommerce-error { border-left: 5px solid #db2531; } .woocommerce-message a.button { background-color: #8fc941 !important; border: none !important; } .woocommerce-info a { color: #6e82ff; } .woocommerce-info a:hover { color: #8596ff; } /* Demo store */ p.demo_store { position: fixed; top: 0; left: 0; right: 0; margin: 0; width: 100%; font-size: 1em; padding: .5em 0; text-align: center; background: #ad74a2; border: 1px solid #96588a; color: #fff; z-index: 99998; box-shadow: inset 0 0 0 3px rgba(255,255,255,0.2); } .admin-bar p.demo_store { top: 28px; } /* Breadcrumbs */ .woocommerce small.note,.woocommerce-page small.note { display: block; font-size: 11px; line-height: 21px; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb,.woocommerce-page .woocommerce-breadcrumb { margin: 0 0 1em; padding: 0; font-size: .92em; } .woocommerce .woocommerce-breadcrumb:after,.woocommerce-page .woocommerce-breadcrumb:after { content: ""; display: block; clear: both; } .woocommerce .woocommerce-breadcrumb a,.woocommerce-page .woocommerce-breadcrumb a { color: #667; } /* Columns */ .woocommerce .col2-set,.woocommerce-page .col2-set { width: 100%; margin-bottom: 18px; } .woocommerce .col2-set:after,.woocommerce-page .col2-set:after { content: ""; display: block; 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%; } /* Products */ .woocommerce div.product,.woocommerce #content div.product,.woocommerce-page div.product,.woocommerce-page #content div.product { margin-bottom: 0; position: relative; } .woocommerce div.product .product_title,.woocommerce #content div.product .product_title,.woocommerce-page div.product .product_title,.woocommerce-page #content div.product .product_title { clear: none; margin: 0; padding: 0; } .woocommerce .product .entry-summary .price,.woocommerce-page .product .entry-summary .price { font-size: 28px; margin-top: 28px; margin-bottom: 28px; } .woocommerce del,.woocommerce-page del { color: #999; } .woocommerce div.product span.price ins,.woocommerce div.product p.price ins,.woocommerce #content div.product span.price ins,.woocommerce #content div.product p.price ins,.woocommerce-page div.product span.price ins,.woocommerce-page div.product p.price ins,.woocommerce-page #content div.product span.price ins,.woocommerce-page #content div.product p.price ins { background: inherit; } .woocommerce div.product span.price del,.woocommerce div.product p.price del,.woocommerce #content div.product span.price del,.woocommerce #content div.product p.price del,.woocommerce-page div.product span.price del,.woocommerce-page div.product p.price del,.woocommerce-page #content div.product span.price del,.woocommerce-page #content div.product p.price del { opacity: .7; } .woocommerce div.product p.stock,.woocommerce #content div.product p.stock,.woocommerce-page div.product p.stock,.woocommerce-page #content div.product p.stock { font-size: .92em; } .woocommerce div.product .out-of-stock,.woocommerce #content div.product .out-of-stock,.woocommerce-page div.product .out-of-stock,.woocommerce-page #content div.product .out-of-stock { color: red; } .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: left; width: 53%; margin-bottom: 2em; } .woocommerce div.product div.images img,.woocommerce #content div.product div.images img,.woocommerce-page div.product div.images img,.woocommerce-page #content div.product div.images img { display: block; width: 100%; height: auto; } .woocommerce div.product div.images div.thumbnails,.woocommerce #content div.product div.images div.thumbnails,.woocommerce-page div.product div.images div.thumbnails,.woocommerce-page #content div.product div.images div.thumbnails { padding-top: 1em; } .woocommerce div.product div.images div.thumbnails:after,.woocommerce #content div.product div.images div.thumbnails:after,.woocommerce-page div.product div.images div.thumbnails:after,.woocommerce-page #content div.product div.images div.thumbnails:after { content: ""; display: block; clear: both; } .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: left; width: 30.75%; margin-right: 3.8%; } .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-right: 0; margin-bottom: 10px; } .woocommerce div.product div.images div.thumbnails a.first,.woocommerce #content div.product div.images div.thumbnails a.first,.woocommerce-page div.product div.images div.thumbnails a.first,.woocommerce-page #content div.product div.images div.thumbnails a.first { clear: both; } .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: right; width: 43%; margin-bottom: 2em; } .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: right; margin: 0 0 1em; } .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 0 0 2px; } .woocommerce div.product div.social span span,.woocommerce #content div.product div.social span span,.woocommerce-page div.product div.social span span,.woocommerce-page #content div.product div.social span span { margin: 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-left: 16px; width: 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: left; margin-top: 3px; } .woocommerce div.product .woocommerce-tabs,.woocommerce #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs { clear: both; } .woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce #content div.product .woocommerce-tabs ul.tabs,.woocommerce-page div.product .woocommerce-tabs ul.tabs,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs { list-style: none; margin: 0 0 20px; overflow: hidden; position: relative; } .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 { display: inline-block; margin-right: 20px; padding-bottom: 5px; position: relative; z-index: 0; border-bottom: 2px solid #eee; transition: border-color .3s; } .woocommerce div.product .woocommerce-tabs ul.tabs li a,.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { display: inline-block; color: #667; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover { color: inherit; } .woocommerce div.product .woocommerce-tabs .panel,.woocommerce #content div.product .woocommerce-tabs .panel,.woocommerce-page div.product .woocommerce-tabs .panel,.woocommerce-page #content div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } /* Cart */ .woocommerce div.product p.cart,.woocommerce #content div.product p.cart,.woocommerce-page div.product p.cart,.woocommerce-page #content div.product p.cart { margin-bottom: 2em; } .woocommerce div.product p.cart:after,.woocommerce #content div.product p.cart:after,.woocommerce-page div.product p.cart:after,.woocommerce-page #content div.product p.cart:after { content: ""; display: block; clear: both; } .woocommerce div.product form.cart,.woocommerce #content div.product form.cart,.woocommerce-page div.product form.cart,.woocommerce-page #content div.product form.cart { margin-bottom: 10px; } .woocommerce div.product .summary form.cart,.woocommerce div.product .summary form.cart table,.woocommerce div.product .summary form.cart table td { padding: 0 0 10px; } .woocommerce div.product .summary form.cart { position: relative; } .woocommerce div.product form.cart:after,.woocommerce #content div.product form.cart:after,.woocommerce-page div.product form.cart:after,.woocommerce-page #content div.product form.cart:after { content: ""; display: block; clear: both; } .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: left; margin: 0 6px 0 0; } .woocommerce div.product form.cart table,.woocommerce #content div.product form.cart table,.woocommerce-page div.product form.cart table,.woocommerce-page #content div.product form.cart table { border-width: 0 0 1px; } .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-left: 0; } .woocommerce div.product form.cart table div.quantity,.woocommerce #content div.product form.cart table div.quantity,.woocommerce-page div.product form.cart table div.quantity,.woocommerce-page #content div.product form.cart table div.quantity { float: none; margin: 0; } .woocommerce div.product form.cart table small.stock,.woocommerce #content div.product form.cart table small.stock,.woocommerce-page div.product form.cart table small.stock,.woocommerce-page #content div.product form.cart table small.stock { display: block; float: none; } .woocommerce div.product form.cart .variations,.woocommerce #content div.product form.cart .variations,.woocommerce-page div.product form.cart .variations,.woocommerce-page #content div.product form.cart .variations { margin-bottom: 1em; } .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 { font-weight: 400; padding: 7px 10px 0 0; display: block; } .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: left; border: 1px solid #e7e7e7; padding: 10px 15px; color: #667; width: 100%; } .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-right: 1em; } .woocommerce div.product form.cart .variations td,.woocommerce #content div.product form.cart .variations td,.woocommerce-page div.product form.cart .variations td,.woocommerce-page #content div.product form.cart .variations td { vertical-align: top; } .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 { vertical-align: middle; float: left; } .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-right: 1em; padding-left: 1em; } .woocommerce div.product form.cart .group_table td,.woocommerce #content div.product form.cart .group_table td,.woocommerce-page div.product form.cart .group_table td,.woocommerce-page #content div.product form.cart .group_table td { vertical-align: top; } .woocommerce div.product form.cart .group_table td .quantity,.woocommerce #content div.product form.cart .group_table td .quantity,.woocommerce-page div.product form.cart .group_table td .quantity,.woocommerce-page #content div.product form.cart .group_table td .quantity { margin-bottom: 7px; } .woocommerce .products ul,.woocommerce ul.products,.woocommerce-page .products ul,.woocommerce-page ul.products { margin: 0 0 1em; padding: 0; list-style: none outside; clear: both; } .woocommerce .products ul:after,.woocommerce ul.products:after,.woocommerce-page .products ul:after,.woocommerce-page ul.products:after { content: ""; display: block; clear: both; } .woocommerce .products ul li,.woocommerce ul.products li,.woocommerce-page .products ul li,.woocommerce-page ul.products li { list-style: none outside; } .woocommerce .related:after,.woocommerce .upsells.products:after,.woocommerce-page .related:after,.woocommerce-page .upsells.products:after { content: ""; display: block; clear: both; } .woocommerce .related ul.products,.woocommerce .related ul,.woocommerce .upsells.products ul.products,.woocommerce .upsells.products ul,.woocommerce-page .related ul.products,.woocommerce-page .related ul,.woocommerce-page .upsells.products ul.products,.woocommerce-page .upsells.products ul { float: none; } .woocommerce .product-col-3 .related ul.products li.product,.woocommerce .product-col-3 .related ul li.product,.woocommerce .product-col-3 .upsells.products ul.products li.product,.woocommerce .product-col-3 .upsells.products ul li.product,.woocommerce-page .product-col-3 .related ul.products li.product,.woocommerce-page .product-col-3 .related ul li.product,.woocommerce-page .product-col-3 .upsells.products ul.products li.product,.woocommerce-page .product-col-3 .upsells.products ul li.product { width: 33.2%; } .woocommerce.columns-3 ul.products li.product,.woocommerce-page.columns-3 ul.products li.product { width: 33.2%; } .woocommerce .product-col-4 .related ul.products li.product,.woocommerce .product-col-4 .related ul li.product,.woocommerce .product-col-4 .upsells.products ul.products li.product,.woocommerce .product-col-4 .upsells.products ul li.product,.woocommerce-page .product-col-4 .related ul.products li.product,.woocommerce-page .product-col-4 .related ul li.product,.woocommerce-page .product-col-4 .upsells.products ul.products li.product,.woocommerce-page .product-col-4 .upsells.products ul li.product { width: 24.79%; } .woocommerce .related ul.products li.product img,.woocommerce .related ul li.product img,.woocommerce .upsells.products ul.products li.product img,.woocommerce .upsells.products ul li.product img,.woocommerce-page .related ul.products li.product img,.woocommerce-page .related ul li.product img,.woocommerce-page .upsells.products ul.products li.product img,.woocommerce-page .upsells.products ul li.product img { width: 100%; height: auto; } .woocommerce .product-col-3 ul.products li.product,.woocommerce-page .product-col-3 ul.products li.product { float: left; margin: 0 .2% .2% 0; padding: 0; position: relative; width: 33.2%; } .woocommerce .product-col-4 ul.products li.product,.woocommerce-page .product-col-4 ul.products li.product { float: left; margin: 0 .2% .2% 0; padding: 0; position: relative; width: 24.79%; } .woocommerce span.onsale,.woocommerce-page span.onsale { min-height: 50px; min-width: 50px; padding: 4px; font-size: 15px; font-weight: 400; position: absolute; left: 10px; top: 10px; text-align: center; line-height: 50px; background: #ff614b; color: #fff; z-index:10; box-sizing: content-box; border-radius: 40px; border-radius: 50%; box-shadow: 0 2px 7px 0 rgba(0,0,0,0.16); } .woocommerce ul.products li.product .onsale,.woocommerce-page ul.products li.product .onsale { top: 10px; right: 10px; left: auto; } .woocommerce ul.products li.product h2,.woocommerce-page ul.products li.product h2, .woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3 { padding: .5em 0; margin: 0; font-size: 16px; text-transform: none; font-weight: 400; } .woocommerce ul.products li.product a,.woocommerce-page ul.products li.product a { text-decoration: none; } .woocommerce ul.products li.product a.add_to_cart_button,.woocommerce-page ul.products li.product a.add_to_cart_button,.woocommerce ul.products li.product a.product_type_external,.woocommerce-page ul.products li.product a.product_type_external { position: absolute; top: 0px; opacity: 0; width: 100%; box-sizing: border-box; transform: scale(0.4); transform-origin: center center 0; transition: opacity .15s, transform .3s cubic-bezier(0.175, 1.275, 0.8, 1); } .woocommerce ul.products li.product:hover a.add_to_cart_button,.woocommerce-page ul.products li.product:hover a.add_to_cart_button,.woocommerce ul.products li.product:hover a.product_type_external,.woocommerce-page ul.products li.product:hover a.product_type_external { opacity: 1; transform: scale(1); } .woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0; } .woocommerce ul.products li.product strong,.woocommerce-page ul.products li.product strong { display: block; } .woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price { display: block; font-size: 16px; margin-bottom: 10px; } .woocommerce ul.products li.product .price ins,.woocommerce-page ul.products li.product .price ins { background: 0; } .woocommerce ul.products li.product .price .from,.woocommerce-page ul.products li.product .price .from { margin: -2px 0 0; color: #999; } .woocommerce ul.products li.first,.woocommerce-page ul.products li.first { clear: both; } .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-right: 0; } .woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count { float: left; margin: 0 0 3em; } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { margin: 0 1px 1em 0; float: right; } .woocommerce .woocommerce-ordering select,.woocommerce-page .woocommerce-ordering select { vertical-align: top; } /* Pagination */ .woocommerce-pagination { margin-top:3em; } .woocommerce-pagination ul li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .woocommerce-pagination ul li a,.woocommerce-pagination ul li span { display: inline-block; font-size: 12px; font-weight: 500; color: #667; text-align: center; line-height: 12px; margin-bottom: 5px; padding: 9px; min-width: 12px; border-radius: 2px; transition: background 0.15s,color .15s; } .woocommerce-pagination ul li a.next { margin-left: 7px; padding: 7px 15px; font-size: 11px; letter-spacing: .02em; border: 2px solid #c4c9cd; text-transform: uppercase; line-height: 13px; text-align: center; width: auto; height: auto; } .woocommerce-pagination ul li a.prev { margin-right: 7px; padding: 7px 15px; font-size: 11px; letter-spacing: .02em; border: 2px solid #c4c9cd; text-transform: uppercase; line-height: 13px; text-align: center; width: auto; height: auto; } .woocommerce-pagination .current { background: #c4c9cd; color: #fff; } /* Buttons */ .woocommerce a.button,.woocommerce .page-sidebar a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce #content input.button,.woocommerce-page a.button,.woocommerce-page button.button,.woocommerce-page input.button,.woocommerce-page #respond input#submit,.woocommerce-page #content input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page a.button.alt,.woocommerce-page button.button.alt,.woocommerce-page input.button.alt,.woocommerce-page #respond input#submit.alt,.woocommerce-page #content input.button.alt { display: inline-block; background-color: #db2531; border: none; border-bottom: 2px solid #b8020e; color: #fff; font-size: 14px; letter-spacing: .02em; font-weight: 500; line-height: normal; height: auto; padding: 15px 40px; text-align: center; border-radius: 3px; transition: background-color .15s ease-in-out,border-color .15s ease-in-out; } .woocommerce a.button:hover,.woocommerce .page-sidebar a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page a.button:hover,.woocommerce-page button.button:hover,.woocommerce-page input.button:hover,.woocommerce-page #respond input#submit:hover,.woocommerce-page #content input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce #content input.button.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page input.button.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce-page #content input.button.alt:hover { color: #fff; background-color: #b8020e; border-color: #b8020e; } .woocommerce a.add_to_cart_button.button,.woocommerce a.product_type_variable.button,.woocommerce a.product_type_grouped.button { background: #fff !important; border: none; padding: 25px; font-size: 14px; color: inherit; font-weight: 400; text-shadow: none; text-transform: none; display: block; box-shadow: 0 7px 25px 0 rgba(0,0,0,0.05); border-radius: 0; z-index:11; } .woocommerce a.add_to_cart_button.button:before { content: "\f07a"; font-family: FontAwesome; color: #333; font-size: 16px; speak: none; font-style: normal; font-weight: 400; line-height: 1; padding-right: 10px; cursor: default; -webkit-font-smoothing: antialiased; text-shadow: none; position: relative; } .woocommerce a.product_type_variable.button:before,.woocommerce a.product_type_grouped.button:before { content: "\f0c9"; } .woocommerce a.button.loading,.woocommerce button.button.loading,.woocommerce input.button.loading,.woocommerce #respond input#submit.loading,.woocommerce #content input.button.loading,.woocommerce-page a.button.loading,.woocommerce-page button.button.loading,.woocommerce-page input.button.loading,.woocommerce-page #respond input#submit.loading,.woocommerce-page #content input.button.loading { color: #667; } .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 { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(images/ajax-loader.gif) center no-repeat rgba(255,255,255,0.65); } .woocommerce a.button:active,.woocommerce button.button:active,.woocommerce input.button:active,.woocommerce #respond input#submit:active,.woocommerce #content input.button:active,.woocommerce-page a.button:active,.woocommerce-page button.button:active,.woocommerce-page input.button:active,.woocommerce-page #respond input#submit:active,.woocommerce-page #content input.button:active { top: 0; } .woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page a.button.alt,.woocommerce-page button.button.alt,.woocommerce-page input.button.alt,.woocommerce-page #respond input#submit.alt,.woocommerce-page #content input.button.alt { background: #ad74a2; color: #fff; } .woocommerce .cart .button,.woocommerce .cart input.button,.woocommerce-page .cart .button,.woocommerce-page .cart input.button { float: none; } .woocommerce a.added_to_cart,.woocommerce-page a.added_to_cart { background: rgba(56,56,56,0.9); color: #fff; display: block; padding: 14px 0; font-size: 14px; font-weight: 400; position: absolute; text-align: center; top: 25%; top: calc(50% - 80px); white-space: nowrap; text-align: center; width: 140px; left: 50%; margin-left: -70px; border-radius:30px; } .woocommerce a.added_to_cart:hover,.woocommerce-page a.added_to_cart:hover { color: #fff; } .woocommerce a.added_to_cart:before,.woocommerce-page a.added_to_cart:before { content: "\f00c"; display: inline-block; font-family: FontAwesome; font-size: 16px; text-align: center; color: #fff; padding-right: 10px; } /* Reviews and ratings */ .woocommerce #respond .comment-reply-title { display:block; font-weight:500; margin-bottom:1.75em; } .woocommerce #respond #author, .woocommerce #respond #email { width: 100%; } .woocommerce .pp_content_container #respond #reply-title { margin-top: 0; font-size: 18px; margin-bottom: 10px; } .woocommerce .pp_content { height: auto !important; } .woocommerce #reviews h2 small,.woocommerce-page #reviews h2 small { float: right; color: #667; font-size: 15px; line-height: 21px; margin: 10px 0 0; } .woocommerce #reviews h2 small a,.woocommerce-page #reviews h2 small a { text-decoration: none; color: #667; } .woocommerce #reviews #respond,.woocommerce-page #reviews #respond { margin: 0; border: 0; padding: 0; } .woocommerce #reviews .comment_container,.woocommerce-page #reviews .comment_container { padding: 40px; line-height: 1.6; background: #f9f9f9; } .woocommerce #reviews #comments,.woocommerce-page #reviews #comments { margin: 0 0 35px; } .woocommerce #reviews #comment,.woocommerce-page #reviews #comment { height: 75px; } .woocommerce #reviews #comments .add_review,.woocommerce-page #reviews #comments .add_review { float: right; clear: both; } .woocommerce #reviews #comments .add_review:after,.woocommerce-page #reviews #comments .add_review:after { content: ""; display: block; clear: both; } .woocommerce #reviews #comments h2,.woocommerce-page #reviews #comments h2 { clear: none; } .woocommerce #reviews #comments ol.commentlist,.woocommerce-page #reviews #comments ol.commentlist { margin: 0; width: 100%; background: 0; list-style: none; } .woocommerce #reviews #comments ol.commentlist:after,.woocommerce-page #reviews #comments ol.commentlist:after { content: ""; display: block; clear: both; } .woocommerce #reviews #comments ol.commentlist li,.woocommerce-page #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 20px; border: 0; position: relative; background: 0; border: 0; } .woocommerce #reviews #comments ol.commentlist li .meta,.woocommerce-page #reviews #comments ol.commentlist li .meta { color: #667; } .woocommerce #reviews #comments ol.commentlist li img.avatar,.woocommerce-page #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: auto; left: auto; width: 40px; height: auto; margin: 0; line-height: 1; border-radius: 3px; } .woocommerce #reviews #comments ol.commentlist li .comment-text,.woocommerce-page #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; padding: 0 1em; } .woocommerce #reviews #comments ol.commentlist li .comment-text p,.woocommerce-page #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 1em; } .woocommerce #reviews #comments .commentlist>li:before,.woocommerce-page #reviews #comments .commentlist>li:before { content: ""; } .woocommerce .woocommerce-product-rating { margin-top :5px; } .woocommerce .star-rating,.woocommerce-page .star-rating { float: right; overflow: hidden; position: relative; height: 1.1em; line-height: 1em; font-size: 1em; width: 5.4em; margin-top :5px; font-family: 'star'; } .woocommerce .star-rating:before,.woocommerce-page .star-rating:before { content: "\53\53\53\53\53"; color: #e5e5e5; float: left; top: 0; left: 0; position: absolute; } .woocommerce .star-rating span,.woocommerce-page .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; color: #F7E800; } .woocommerce .products .star-rating,.woocommerce-page .products .star-rating { display: inline-block; margin: 0; float: none; } .woocommerce.widget .star-rating { font-size: .8em; } .woocommerce .hreview-aggregate .star-rating,.woocommerce-page .hreview-aggregate .star-rating { margin: 10px 0 0; } .woocommerce #review_form_wrapper,.woocommerce-page #review_form_wrapper { margin-bottom: 60px; } .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 { width: 49%; margin-right:2%; float:left; } .woocommerce #review_form .comment-form-email,.woocommerce-page #review_form .comment-form-email { margin-right:0; } .woocommerce #review_form .comment-form-rating .stars,.woocommerce-page #review_form .comment-form-rating .start { margin-top: 10px; } .woocommerce #review_form .comment-form-comment,.woocommerce-page #review_form .comment-form-comment { clear: both; } .woocommerce #review_form input,.woocommerce-page #review_form input { height: 44px; } .woocommerce .comment-form-email input#email,.woocommerce-page .comment-form-email input#email { margin-top: 0; } .woocommerce #review_form textarea,.woocommerce-page #review_form textarea { min-height: 200px; } .woocommerce #review_form label,.woocommerce-page #review_form label { display: block; } .woocommerce #review_form #respond,.woocommerce-page #review_form #respond { position: static; margin: 0; width: auto; padding: 0; background: transparent none; border: 0; } .woocommerce #review_form #respond:after,.woocommerce-page #review_form #respond:after { content: ""; display: block; clear: both; } .woocommerce #review_form #respond .form-submit input,.woocommerce-page #review_form #respond .form-submit input { left: auto; } .woocommerce #review_form #respond textarea,.woocommerce-page #review_form #respond textarea { box-sizing: border-box; width: 100%; } .woocommerce p.stars:after,.woocommerce-page p.stars:after { content: ""; display: block; clear: both; } .woocommerce p.stars span,.woocommerce-page p.stars span { width: 80px; height: 16px; position: relative; float: left; background: url(images/star.png) repeat-x left 0; } .woocommerce p.stars span a,.woocommerce-page p.stars span a { float: left; position: absolute; left: 0; top: 0; width: 16px; height: 0; padding-top: 16px; overflow: hidden; } .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 left -16px; } .woocommerce p.stars span a.active,.woocommerce-page p.stars span a.active { background: url(images/star.png) repeat-x left -32px; } .woocommerce p.stars span a.star-1,.woocommerce-page p.stars span a.star-1 { width: 16px; z-index: 10; } .woocommerce p.stars span a.star-2,.woocommerce-page p.stars span a.star-2 { width: 32px; z-index: 9; } .woocommerce p.stars span a.star-3,.woocommerce-page p.stars span a.star-3 { width: 48px; z-index: 8; } .woocommerce p.stars span a.star-4,.woocommerce-page p.stars span a.star-4 { width: 64px; z-index: 7; } .woocommerce p.stars span a.star-5,.woocommerce-page p.stars span a.star-5 { width: 80px; z-index: 6; } /* Shop tables, forms and checkout */ .woocommerce table.shop_attributes,.woocommerce-page table.shop_attributes { border: 0; border-top: 1px dotted rgba(0,0,0,0.05); margin-bottom: 1.618em; width: 100%; } .woocommerce table.shop_attributes th,.woocommerce-page table.shop_attributes th { width: 150px; font-weight: 700; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,0.05); margin: 0; line-height: 1.5em; } .woocommerce table.shop_attributes td,.woocommerce-page table.shop_attributes td { font-style: italic; padding: 0; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,0.05); margin: 0; line-height: 1.5em; } .woocommerce table.shop_attributes td p,.woocommerce-page table.shop_attributes td p { margin: 0; padding: 8px 0; } .woocommerce table.shop_attributes .alt td,.woocommerce table.shop_attributes .alt th,.woocommerce-page table.shop_attributes .alt td,.woocommerce-page table.shop_attributes .alt th { background: rgba(0,0,0,0.025); } .woocommerce table.shop_table,.woocommerce-page table.shop_table { margin: 0 -1px 24px 0; text-align: left; width: 100%; } .woocommerce table.shop_table th,.woocommerce-page table.shop_table th { font-weight: 600; line-height: 25px; padding: 9px 12px; } .woocommerce table.shop_table.cart th,.woocommerce-page table.shop_table.cart th { width: 100%; } .woocommerce table.shop_table td,.woocommerce-page table.shop_table td { border-top: 1px solid rgba(0,0,0,0.05); padding: 10px 12px; vertical-align: middle; } .woocommerce table.shop_table td small,.woocommerce-page table.shop_table td small { font-weight: 400; } .woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot th,.woocommerce-page table.shop_table tfoot td,.woocommerce-page table.shop_table tfoot th { text-shadow: none; } .woocommerce #order_review tr.cart-subtotal th,.woocommerce #order_review tr.cart-subtotal th { border-top: 1px solid rgba(0,0,0,0.05); } .woocommerce #order_review tr.order-total th { vertical-align: middle; } .woocommerce #order_review tr.order-total td { font-size: 18px; color: #222; border-top: 0; } .woocommerce #order_review tr.order-discount td { border-top: 0; } .woocommerce #order_review tr.shipping td { border-top: 0; } .woocommerce table.shop_table tfoot .shipping td,.woocommerce table.shop_table tfoot .shipping th,.woocommerce-page table.shop_table tfoot .shipping td,.woocommerce-page table.shop_table tfoot .shipping th { font-weight: 400; } .woocommerce table.my_account_orders,.woocommerce-page table.my_account_orders { font-size: 13px; } .woocommerce table.my_account_orders th,.woocommerce table.my_account_orders td,.woocommerce-page table.my_account_orders th,.woocommerce-page table.my_account_orders td { vertical-align: middle; } .woocommerce table.my_account_orders .button,.woocommerce-page table.my_account_orders .button { white-space: nowrap; } .woocommerce table.my_account_orders .order-actions,.woocommerce-page table.my_account_orders .order-actions { text-align: right; } .woocommerce table.my_account_orders .order-actions .button,.woocommerce-page table.my_account_orders .order-actions .button { margin: .125em 0 .125em .25em; } .woocommerce .woocommerce-account form .button,.woocommerce-page .woocommerce-account form .button { margin-top: 20px; } .woocommerce .myaccount_user,.woocommerce-page .myaccount_user { margin-bottom: 50px; } .woocommerce .myaccount_address,.woocommerce-page .myaccount_address { margin-bottom: 30px; } .woocommerce td.product-name dl.variation dd,.woocommerce-page td.product-name dl.variation dd { padding: 0; } .woocommerce td.product-name dl.variation,.woocommerce-page td.product-name dl.variation { padding: 0; margin: .5em 0; } .woocommerce td.product-name dl.variation dt,.woocommerce-page td.product-name dl.variation dt { width: auto; font-weight: 400; float: left; clear: left; margin: 0 .5em 0 0; padding: 0; } .woocommerce td.product-name dl.variation dt:after,.woocommerce-page td.product-name dl.variation dt:after { content: none; } .woocommerce td.product-name dl.variation dd,.woocommerce-page td.product-name dl.variation dd { margin: 0 0 .25em; } .woocommerce td.product-name dl.variation dd p,.woocommerce-page td.product-name dl.variation dd p { margin-bottom: 0; } .woocommerce td.product-name p.backorder_notification,.woocommerce-page td.product-name p.backorder_notification { font-size: .83em; } .woocommerce td.product-quantity,.woocommerce-page td.product-quantity { min-width: 80px; } .woocommerce table.cart .product-thumbnail,.woocommerce #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail { min-width: 100px; } .woocommerce table.cart img,.woocommerce #content table.cart img,.woocommerce-page table.cart img,.woocommerce-page #content table.cart img { width: 100px; height: auto; } .woocommerce table.cart th,.woocommerce table.cart td,.woocommerce #content table.cart th,.woocommerce #content table.cart td,.woocommerce-page table.cart th,.woocommerce-page table.cart td,.woocommerce-page #content table.cart th,.woocommerce-page #content table.cart td { vertical-align: middle; } .woocommerce table.cart a.remove,.woocommerce #content table.cart a.remove,.woocommerce-page table.cart a.remove,.woocommerce-page #content table.cart a.remove { display: block; font-size: 18px; height: 1em; width: 1em; text-align: center; line-height: 1; color: red; text-decoration: none; font-weight: 700; } .woocommerce table.cart a.remove:hover,.woocommerce #content table.cart a.remove:hover,.woocommerce-page table.cart a.remove:hover,.woocommerce-page #content table.cart a.remove:hover { background-color: red; color: #fff; } .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: right; padding-top: 20px; padding-left: 2px; padding-right: 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: left; } .woocommerce table.cart td.actions .coupon label,.woocommerce #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label { display: none; } .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 { width: 200px; margin-right: 20px; float: left; box-sizing: border-box; outline: 0; line-height: 1em; } .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: right; margin-left: .25em; } .woocommerce table.cart input,.woocommerce #content table.cart input,.woocommerce-page table.cart input,.woocommerce-page #content table.cart input { margin: 0; vertical-align: middle; } .woocommerce ul.cart_list,.woocommerce ul.product_list_widget,.woocommerce-page ul.cart_list,.woocommerce-page ul.product_list_widget { list-style: none outside; padding: 0; margin: 0; } .woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li { padding: 10px 0; margin: 0; list-style: none; } .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 { content: ""; display: block; clear: both; } .woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a,.woocommerce-page ul.cart_list li a,.woocommerce-page ul.product_list_widget li a { display: block; font-weight: 400; margin-bottom: 7px; } .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; margin-left: 4px; width: 70px; height: auto; border-radius: 70px; border-radius: 50%; } .woocommerce ul.cart_list li:last-child img,.woocommerce ul.product_list_widget li:last-child img,.woocommerce-page ul.cart_list li:last-child img,.woocommerce-page ul.product_list_widget li:last-child img { margin-bottom: 0; } .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 { margin: 0; font-size: .8751em; padding-left: 1em; border-left: 2px solid rgba(0,0,0,0.05); } .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: left; clear: left; margin-right: .25em; } .woocommerce ul.cart_list li dl dd,.woocommerce ul.product_list_widget li dl dd,.woocommerce-page ul.cart_list li dl dd,.woocommerce-page ul.product_list_widget li dl dd { margin-bottom: .5em; } .woocommerce ul.cart_list li .star-rating,.woocommerce ul.product_list_widget li .star-rating,.woocommerce-page ul.cart_list li .star-rating,.woocommerce-page ul.product_list_widget li .star-rating { float: none; margin-bottom: 7px; } .woocommerce .widget_shopping_cart .total,.woocommerce-page .widget_shopping_cart .total { border-top: 1px solid #ededed; padding: 4px 0 0; margin-top: 10px; } .woocommerce .widget_shopping_cart .total strong,.woocommerce-page .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .woocommerce .widget_shopping_cart .buttons:after,.woocommerce-page .widget_shopping_cart .buttons:after { content: ""; display: block; clear: both; } .woocommerce .widget_product_categories .count { float: right; } .woocommerce .widget_product_categories select { width: 100%; padding: 5px; border-color: #eee; } .woocommerce .woocommerce-product-search input.search-field { width: 180px; margin-right: 15px; } .woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals { width: 100%; margin-top: 50px; } .woocommerce .cart-collaterals:after,.woocommerce-page .cart-collaterals:after { content: ""; display: block; 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%; text-align: right; margin: 20px 0 0; clear: right; float: right; } .woocommerce .cart-collaterals .shipping_calculator:after,.woocommerce-page .cart-collaterals .shipping_calculator:after { content: ""; display: block; clear: both; } .woocommerce .cart-collaterals .shipping_calculator .button,.woocommerce-page .cart-collaterals .shipping_calculator .button { float: none; display: inline-block; border: 0; } .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%; text-align: right; } .woocommerce .cart-collaterals .cart_totals h2,.woocommerce-page .cart-collaterals .cart_totals h2 { background: #2d2d2d; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 10px 0; } .woocommerce .cart-collaterals .cart_totals p small,.woocommerce-page .cart-collaterals .cart_totals p small { color: #667; font-size: .83em; } .woocommerce .cart-collaterals .cart_totals table,.woocommerce-page .cart-collaterals .cart_totals table { margin: 0 0 6px; padding: 0; } .woocommerce .cart-collaterals .cart_totals table tr th,.woocommerce .cart-collaterals .cart_totals table tr td,.woocommerce-page .cart-collaterals .cart_totals table tr th,.woocommerce-page .cart-collaterals .cart_totals table tr td { border-top: 1px solid rgba(0,0,0,0.05); } .woocommerce .cart-collaterals .cart_totals table tr:first-child th,.woocommerce .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-page .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-page .cart-collaterals .cart_totals table tr:first-child td { border-top: 0; } .woocommerce .cart-collaterals .cart_totals table td,.woocommerce .cart-collaterals .cart_totals table th,.woocommerce-page .cart-collaterals .cart_totals table td,.woocommerce-page .cart-collaterals .cart_totals table th { background: #fff; } .woocommerce .cart-collaterals .cart_totals table small,.woocommerce-page .cart-collaterals .cart_totals table small { display: block; color: #667; } .woocommerce .cart-collaterals .cart_totals table select,.woocommerce-page .cart-collaterals .cart_totals table select { width: 100%; } .woocommerce .cart-collaterals .cart_totals .discount td,.woocommerce-page .cart-collaterals .cart_totals .discount td { color: #85ad74; } .woocommerce .cart-collaterals .cart_totals tr td,.woocommerce .cart-collaterals .cart_totals tr th,.woocommerce-page .cart-collaterals .cart_totals tr td,.woocommerce-page .cart-collaterals .cart_totals tr th { padding: 10px 0; text-shadow: none; } .woocommerce .cart-collaterals .cart_totals tr.order-total td,.woocommerce-page .cart-collaterals .cart_totals tr.order-total td { font-size: 16px; color: #222; } .woocommerce .cart-collaterals .cart_totals a.button.alt,.woocommerce-page .cart-collaterals .cart_totals a.button.alt { margin-top: 30px; } .woocommerce form .form-row,.woocommerce-page form .form-row { padding: 0; margin: 0; } .woocommerce form.checkout_coupon .form-row,.woocommerce-page form.checkout_coupon .form-row { padding: 0; margin: 0; } .woocommerce form .form-row:after,.woocommerce-page form .form-row:after { content: ""; display: block; clear: both; } .woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder,.woocommerce-page form .form-row [placeholder]:focus::-webkit-input-placeholder { transition: opacity .5s .5s ease; opacity: 0; } .woocommerce form .form-row label,.woocommerce-page form .form-row label { color: #222; display: block; margin-bottom: 5px; } .woocommerce form legend,.woocommerce-page form legend { float: right; margin: 15px 0 25px; color: #222; font-weight: 500; border-bottom-color: #1; border-bottom: 2px solid #e6e7e8; } .woocommerce form .form-row label.hidden,.woocommerce-page form .form-row label.hidden { visibility: hidden; } .woocommerce form .form-row select,.woocommerce-page form .form-row select { width: 100%; cursor: pointer; margin: 0; } .woocommerce form .form-row .required,.woocommerce-page form .form-row .required { color: red; font-weight: 700; border: 0; } .woocommerce form .form-row .input-checkbox,.woocommerce-page form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox { display: inline; } .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce-page form .form-row input.input-text,.woocommerce-page form .form-row textarea { box-sizing: border-box; width: 100%; margin: 0 0 15px; outline: 0; line-height: 1em; background: #fff; } .woocommerce form .form-row textarea,.woocommerce-page form .form-row textarea { height: 3.5em; line-height: 1.5em; display: block; box-shadow: none; } .woocommerce form .form-row.validate-required.woocommerce-validated input.input-text,.woocommerce-page form .form-row.validate-required.woocommerce-validated input.input-text { background-image: url(images/icons/valid.png); background-position: 95% center; background-repeat: no-repeat; } .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text,.woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text { background-image: url(images/icons/invalid.png); background-position: 95% center; background-repeat: no-repeat; } .woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-single,.woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-drop,.woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text,.woocommerce form .form-row.validate-required.woocommerce-invalid select,.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-single,.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-drop,.woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text,.woocommerce-page form .form-row.validate-required.woocommerce-invalid select { border-color: #fb7f88; } .woocommerce form .form-row::-webkit-input-placeholder,.woocommerce-page form .form-row::-webkit-input-placeholder { line-height: 1em; padding-top: 2px; } .woocommerce form .form-row:-moz-placeholder,.woocommerce-page form .form-row:-moz-placeholder { line-height: 1em; padding-top: 2px; } .woocommerce form .form-row:-ms-input-placeholder,.woocommerce-page form .form-row:-ms-input-placeholder { line-height: 1em; padding-top: 2px; } .woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last { float: left; width: 47%; overflow: visible; } .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.login,.woocommerce form.checkout_coupon,.woocommerce form.register,.woocommerce-page form.login,.woocommerce-page form.checkout_coupon,.woocommerce-page form.register { margin: 2em 0; text-align: left; } .woocommerce ul#shipping_method,.woocommerce-page ul#shipping_method { list-style: none outside; margin: 0; padding: 0; } .woocommerce ul#shipping_method li,.woocommerce-page ul#shipping_method li { margin: 0; padding: .25em 0 .25em 22px; text-indent: -22px; list-style: none outside; } .woocommerce ul#shipping_method .amount,.woocommerce-page ul#shipping_method .amount { font-weight: 700; } .woocommerce .checkout .col-2 h3,.woocommerce-page .checkout .col-2 h3 { float: left; clear: none; } .woocommerce .checkout .col-2 .notes,.woocommerce-page .checkout .col-2 .notes { clear: left; } .woocommerce .checkout .col-2 .form-row-first,.woocommerce-page .checkout .col-2 .form-row-first { clear: left; } .woocommerce .checkout div.shipping-address,.woocommerce-page .checkout div.shipping-address { padding: 0; clear: left; width: 100%; } .woocommerce .checkout #shiptobilling,.woocommerce-page .checkout #shiptobilling { float: right; line-height: 1.62em; margin: -6px 0 0; padding: 0; } .woocommerce .checkout #shiptobilling label,.woocommerce-page .checkout #shiptobilling label { font-size: .6875em; margin-left: -10px; } .woocommerce .checkout #shiptobilling .input-checkbox,.woocommerce-page .checkout #shiptobilling .input-checkbox { border: 0; box-shadow: none; } .woocommerce .checkout .shipping_address,.woocommerce-page .checkout .shipping_address { clear: both; } .woocommerce #payment,.woocommerce-page #payment { margin-top: 40px; } .woocommerce #payment ul.payment_methods,.woocommerce-page #payment ul.payment_methods { text-align: left; padding: 0; margin: 0 0 20px; list-style: none outside; } .woocommerce #payment ul.payment_methods li,.woocommerce-page #payment ul.payment_methods li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(51,51,51,0.1); } .woocommerce #payment ul.payment_methods li p,.woocommerce-page #payment ul.payment_methods li p { margin-bottom: 0; font-weight: 300; } .woocommerce #payment ul.payment_methods li label,.woocommerce-page #payment ul.payment_methods li label { color: #3d3d3d; font-weight: 600; margin-left: 5px; } .woocommerce #payment ul.payment_methods li .payment_box,.woocommerce-page #payment ul.payment_methods li .payment_box { margin-top: 15px; } .woocommerce #payment ul.payment_methods li.payment_method_paypal img,.woocommerce-page #payment ul.payment_methods li.payment_method_paypal img { margin-left: 10px; margin-right: 10px; vertical-align: -11px; } .woocommerce #payment ul.payment_methods li.payment_method_paypal a,.woocommerce-page #payment ul.payment_methods li.payment_method_paypal a { font-weight: 400; } .woocommerce #payment .place-order,.woocommerce-page #payment .place-order { float: right; } .woocommerce .order_details,.woocommerce-page .order_details { margin: 0 0 1.5em; list-style: none; } .woocommerce .order_details:after,.woocommerce-page .order_details:after { content: ""; display: block; clear: both; } .woocommerce .order_details li,.woocommerce-page .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: .715em; line-height: 1em; border-right: 1px dashed #dfdbdf; padding-right: 2em; } .woocommerce .order_details li strong,.woocommerce-page .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5em; } .woocommerce .order_details li:last-of-type,.woocommerce-page .order_details li:last-of-type { border: 0; } .woocommerce .addresses .title:after,.woocommerce-page .addresses .title:after { content: ""; display: block; clear: both; } .woocommerce .addresses .title h3,.woocommerce-page .addresses .title h3 { float: left; } .woocommerce .addresses .title .edit,.woocommerce-page .addresses .title .edit { float: right; } .woocommerce ol.commentlist.notes li.note p.meta,.woocommerce-page ol.commentlist.notes li.note p.meta { font-weight: 700; margin-bottom: 0; } .woocommerce ol.commentlist.notes li.note .description p:last-child,.woocommerce-page ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } .woocommerce ul.digital-downloads,.woocommerce-page ul.digital-downloads { margin-left: 0; padding-left: 0; } .woocommerce ul.digital-downloads li,.woocommerce-page ul.digital-downloads li { list-style: none; margin-left: 0; padding-left: 1.5em; } .woocommerce ul.digital-downloads li .count,.woocommerce-page ul.digital-downloads li .count { float: right; } /* Widgets */ .woocommerce .widget_layered_nav ul,.woocommerce-page .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .woocommerce .widget_layered_nav ul li,.woocommerce-page .widget_layered_nav ul li { padding: 0 0 5px; list-style: none; } .woocommerce .widget_layered_nav ul li:after,.woocommerce-page .widget_layered_nav ul li:after { content: ""; display: block; clear: both; } .woocommerce .widget_layered_nav ul li a,.woocommerce .widget_layered_nav ul li span,.woocommerce-page .widget_layered_nav ul li a,.woocommerce-page .widget_layered_nav ul li span { padding: 1px 0; float: none; } .woocommerce .widget_layered_nav ul li.chosen a,.woocommerce-page .widget_layered_nav ul li.chosen a { padding: 0 6px 0 18px; border: 1px solid #ad74a2; background: #ad74a2 url(images/cross_white.png) no-repeat 6px center; box-shadow: inset 0 1px 1px rgba(255,255,255,0.5) #888; color: #fff; } .woocommerce .widget_layered_nav ul small.count,.woocommerce-page .widget_layered_nav ul small.count { float: right; margin-left: 6px; font-size: 1em; padding: 1px 0; color: #667; } .woocommerce .widget_layered_nav_filters ul,.woocommerce-page .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none outside; overflow: hidden; zoom: 1; } .woocommerce .widget_layered_nav_filters ul li,.woocommerce-page .widget_layered_nav_filters ul li { float: left; padding: 0 1px 1px 0; list-style: none; } .woocommerce .widget_layered_nav_filters ul li a,.woocommerce-page .widget_layered_nav_filters ul li a { padding: 0 6px 0 18px; border: 1px solid #ad74a2; background: #ad74a2 url(images/cross_white.png) no-repeat 6px center; box-shadow: inset 0 1px 1px rgba(255,255,255,0.5) #888; color: #fff; float: left; } #sidebar .widget.widget_price_filter { overflow: visible; } .woocommerce .widget_price_filter .price_slider,.woocommerce-page .widget_price_filter .price_slider { margin-bottom: 1.5em; } .woocommerce .widget_price_filter .price_slider_amount,.woocommerce-page .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; font-size: .8751em; } .woocommerce .widget_price_filter .price_slider_amount .button,.woocommerce-page .widget_price_filter .price_slider_amount .button { float: left; } .woocommerce .widget_price_filter .ui-slider,.woocommerce-page .widget_price_filter .ui-slider { position: relative; text-align: left; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 18px; height: 18px; cursor: pointer; background: #ad74a2; outline: 0; top: -.5em; border-radius: 50%; box-sizing: content-box; box-shadow: 0 3px 8px rgba(30,30,30,0.2),inset 0 2px 3px rgba(255,255,255,0.2); background-image: linear-gradient(to bottom,rgba(255,255,255,0.23) 0,rgba(255,255,255,0) 100%); } .woocommerce a.ui-slider-handle,.woocommerce-page a.ui-slider-handle { transition: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1.13em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #eee; border-radius: 16px; box-shadow: inset 0 1px 1px rgba(30,30,30,0.1); } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #f5f5f5; border-radius: 16px; box-shadow: inset 0 1px 1px rgba(30,30,30,0.1); } .woocommerce .widget_price_filter .ui-slider-horizontal,.woocommerce-page .widget_price_filter .ui-slider-horizontal { height: 8px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min,.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max,.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } /* Login and register page */ .woocommerce form.login,.woocommerce form.register,.woocommerce-page form.login,.woocommerce-page form.register { margin-bottom: 0; } .woocommerce form.login .button,.woocommerce form.register .button,.woocommerce-page form.login .button,.woocommerce-page form.register .button { float: left; margin-right: 15px; margin-top: 10px; } .woocommerce form.login .form-row label.inline,.woocommerce-page form.login .form-row label.inline { display: inline-block; margin-top: 10px; } .woocommerce #customer_login .u-column1,.woocommerce-page #customer_login .u-column1 { padding: 40px; min-height: 440px; background: #f8f7f6; box-sizing: border-box; } .woocommerce #customer_login .u-column2,.woocommerce-page #customer_login .u-column2 { padding: 40px; min-height: 440px; background: #f8f7f6; box-sizing: border-box; } .woocommerce #customer_login .lost_password { margin-top: 15px; margin-bottom: 0; } .woocommerce-account .lost_password { margin-top: 15px; margin-bottom: 0; } /* Reset password page */ .woocommerce-ResetPassword .button { margin-top: 10px; } /*---------------------------------------------------------------*/ /* Retina /*---------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) { .woocommerce a.button.loading:before,.woocommerce button.button.loading:before,.woocommerce input.button.loading:before,.woocommerce #respond input#submit.loading:before,.woocommerce #content input.button.loading:before,.woocommerce-page a.button.loading:before,.woocommerce-page button.button.loading:before,.woocommerce-page input.button.loading:before,.woocommerce-page #respond input#submit.loading:before,.woocommerce-page #content input.button.loading:before { background-image: url(images/ajax-loader@2x.gif); background-size: 16px 16px; } .woocommerce .woocommerce form .form-row.validate-required.woocommerce-validated input.input-text,.woocommerce .woocommerce-page form .form-row.validate-required.woocommerce-validated input.input-text,.woocommerce-page .woocommerce form .form-row.validate-required.woocommerce-validated input.input-text,.woocommerce-page .woocommerce-page form .form-row.validate-required.woocommerce-validated input.input-text { background-image: url(images/icons/valid@2x.png); background-size: 12px 9px; } .woocommerce .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text,.woocommerce .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text,.woocommerce-page .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text,.woocommerce-page .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text { background-image: url(images/icons/invalid@2x.png); background-size: 12px 9px; } .woocommerce p.stars span,.woocommerce-page p.stars span { background-image: url(images/star@2x.png); background-size: 16px 48px; } .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-image: url(images/star@2x.png); background-size: 16px 48px; } .woocommerce p.stars span a.active,.woocommerce-page p.stars span a.active { background-image: url(images/star@2x.png); background-size: 16px 48px; } } /*---------------------------------------------------------------*/ /* Responsive /*---------------------------------------------------------------*/ /* * ------------------------------------------------------------------------------------------- * TABLET PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width:768px) and (max-width:979px) { .woocommerce-MyAccount-navigation { width: 100%; float: none; margin-bottom: 20px; } .woocommerce-MyAccount-navigation ul { border: none; padding: 0; border-radius: 0; } .woocommerce-MyAccount-navigation ul li { display: inline-block; border-bottom: none; margin-bottom: 20px; padding-right: 20px; } .woocommerce-MyAccount-navigation ul li:last-child { padding-right: 0; } .woocommerce-MyAccount-navigation ul li a { padding: 0 0 5px; border-bottom: 2px solid; } .woocommerce-MyAccount-navigation ul li a:after { display: none; } .woocommerce-MyAccount-content { width: 100%; float: none; padding: 0; } .woocommerce .related ul.products li.product,.woocommerce .related ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce ul.products li.product { width: 49.6% !important; } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { margin: 0 4px 1em 0; } .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 { width: 100%; margin-right: 0; } .woocommerce td.product-name dl.variation dt,.woocommerce-page td.product-name dl.variation dt { float: none; text-align: left; } .woocommerce ul.products li.last { margin-right: 0.2% !important; } .woocommerce .products .product:nth-child(2n) { margin-right: 0 !important; } .woocommerce ul.products li.first { clear: none !important; } .woocommerce #searchsubmit { width: 100%; margin-top: 10px; cursor: pointer; } .woocommerce input,.woocommerce textarea { max-width: 100%; } .woocommerce div.product div.images div.thumbnails a.last,.woocommerce #content div.product div.images div.thumbnails a.last { margin-bottom: 5px; } .woocommerce .product .quantity { margin-bottom: 10px !important; } .woocommerce a.added_to_cart { top: 25%; top: calc(50% - 80px); width: 130px; margin-left: -65px; padding: 11px 0; } .woocommerce .checkout .col2-set .col-1 { width: 100%; } .woocommerce .checkout .col2-set .col-2 { width: 100%; margin-top: 20px; } .woocommerce-cart .row-inner,.woocommerce-checkout .row-inner { padding-right: 40px !important; padding-left: 40px !important; } } /* * ------------------------------------------------------------------------------------------- * MOBILE LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width:480px) and (max-width:767px) { .woocommerce-MyAccount-navigation { width: 100%; float: none; margin-bottom: 20px; } .woocommerce-MyAccount-navigation ul { border: none; padding: 0; border-radius: 0; } .woocommerce-MyAccount-navigation ul li { display: inline-block; border-bottom: none; margin-bottom: 20px; padding-right: 20px; } .woocommerce-MyAccount-navigation ul li:last-child { padding-right: 0; } .woocommerce-MyAccount-navigation ul li a { padding: 0 0 5px; border-bottom: 2px solid; } .woocommerce-MyAccount-navigation ul li a:after { display: none; } .woocommerce-MyAccount-content { width: 100%; float: none; padding: 0; } .woocommerce-message,.woocommerce-error,.woocommerce-info { line-height: 1.75; } .woocommerce .related ul.products li.product,.woocommerce .related ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce ul.products li.product { width: 49.6% !important; } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { margin: 0 4px 1em 0; } .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 { width: 100%; margin-right: 0; } .woocommerce #customer_login.col2-set .col-1,.woocommerce #customer_login.col2-set .col-2 { width: 100%; margin-bottom: 20px; float: none; } .woocommerce #customer_login .u-column1,.woocommerce-page #customer_login .u-column1,.woocommerce #customer_login .u-column2,.woocommerce-page #customer_login .u-column2 { padding: 30px; } .woocommerce td.product-name dl.variation dt,.woocommerce-page td.product-name dl.variation dt { float: none; text-align: left; } .woocommerce ul.products li.last { margin-right: 0.2% !important; } .woocommerce .products .product:nth-child(2n) { margin-right: 0 !important; } .woocommerce ul.products li.first { clear: none !important; } .woocommerce a.added_to_cart { top: 25%; top: calc(50% - 80px); } .woocommerce .shop-template .images { width: 100% !important; } .woocommerce .shop-template .entry-summary { width: 100% !important; } .woocommerce input,.woocommerce textarea { max-width: 100%; } .woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells { width: 100%; margin-bottom: 30px; } .woocommerce .checkout .col2-set .col-1 { width: 100%; } .woocommerce .checkout .col2-set .col-2 { width: 100%; margin-top: 20px; } .woocommerce .cart_totals,.woocommerce .shipping_calculator,.woocommerce .shipping_calculator input { width: 100% !important; max-width: 100%; } .woocommerce table.shop_table .product-thumbnail { display: none; } .woocommerce table.shop_table .button { float: left !important; margin-right: 5px !important; margin-top: 10px !important; } .woocommerce table.shop_table input#coupon_code { margin-top: 10px !important; } .woocommerce table.shop_table .checkout-button { margin-top: 10px !important; margin-left: 0 !important; max-width: 100%; } } /* * ------------------------------------------------------------------------------------------- * MOBILE PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width:479px) { .woocommerce-MyAccount-navigation { width: 100%; float: none; margin-bottom: 20px; } .woocommerce-MyAccount-navigation ul { border: none; padding: 0; border-radius: 0; } .woocommerce-MyAccount-navigation ul li { display: inline-block; border-bottom: none; margin-bottom: 20px; padding-right: 20px; } .woocommerce-MyAccount-navigation ul li:last-child { padding-right: 0; } .woocommerce-MyAccount-navigation ul li a { padding: 0 0 5px; border-bottom: 2px solid; } .woocommerce-MyAccount-navigation ul li a:after { display: none; } .woocommerce-MyAccount-content { width: 100%; float: none; padding: 0; } .woocommerce #customer_login .u-column1,.woocommerce-page #customer_login .u-column1,.woocommerce #customer_login .u-column2,.woocommerce-page #customer_login .u-column2 { padding: 30px; } .woocommerce-message,.woocommerce-error,.woocommerce-info { line-height: 1.75; } .woocommerce-message .button,.woocommerce-error .button,.woocommerce-info .button { float: none; display: block !important; margin-bottom: 10px; } .woocommerce form .form-row { min-width: 280px; padding: 0; } .woocommerce input,.woocommerce textarea { max-width: 100%; } .woocommerce .lost_reset_password #user_login,.woocommerce .lost_reset_password .button { width: 100%; margin-top: 5px; } .woocommerce .login .button { width: 100%; margin: 10px 10px 10px 0; } .woocommerce .checkout_coupon .button { width: 100%; margin-top: 10px; } .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2 { width: 100%; margin-bottom: 20px; float: none; } .woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells { width: 100%; margin-bottom: 30px; } .shop-template .product-inner { min-height: 120px; } .woocommerce .related ul.products li.product,.woocommerce .related ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce ul.products li.product { width: 100% !important; box-sizing: border-box; } .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 { width: 100%; margin-right: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text,.woocommerce-page #reviews #comments ol.commentlist li .comment-text { margin: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar,.woocommerce-page #reviews #comments ol.commentlist li img.avatar { width: auto; position: relative; display: block; margin: 0 auto 30px; float: none; } .woocommerce td.product-name dl.variation dt,.woocommerce-page td.product-name dl.variation dt { float: none; text-align: left; } .woocommerce .star-rating,.woocommerce-page .star-rating { float: none; margin-bottom: 10px; } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering,.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count { float: none; } .woocommerce ul.products li.last { margin-right: 0% !important; } .woocommerce ul.products li.first { clear: none !important; } .woocommerce a.added_to_cart { top: 25%; top: calc(50% - 90px); width: 130px; margin-left: -65px; padding: 11px 0; } .woocommerce .shop-template .images { width: 100% !important; } .woocommerce .shop-template .entry-summary { width: 100% !important; } .woocommerce .product .quantity { margin-bottom: 10px !important; } .woocommerce .summary .star-rating { float: none; margin-top: 10px; } .woocommerce .cart_totals,.woocommerce .shipping_calculator,.woocommerce .shipping_calculator input { width: 100% !important; max-width: 100%; } .woocommerce .checkout .col2-set .col-2 { margin-top: 20px; } .woocommerce table td,.woocommerce table th { padding: 10px !important; } .woocommerce table.shop_table .product-thumbnail,.woocommerce table.shop_table .product-remove,.woocommerce table.shop_table .product-quantity,.woocommerce table.shop_table .product-price { display: none; } .woocommerce table.shop_table th.product-name,.woocommerce table.shop_table th.product-subtotal { padding-left: 5px; } .woocommerce table.shop_table td.actions { padding-top: 30px !important; } .woocommerce table.shop_table input { margin-top: 10px; margin-bottom: 10px !important; } .woocommerce table.shop_table .button { width: 100%; margin-top: 10px !important; } .woocommerce table.shop_table .coupon .button { width: auto !important; margin-top: 0 !important; float: left; min-width: 150px; } .woocommerce #payment #place_order { float: none; } .woocommerce table.shop_table .checkout-button { margin-top: 25px !important; } .woocommerce form .form-row { min-width: 100%; } .woocommerce form .form-row-last,.woocommerce-page form .form-row-last { float: left; } }