.clear { clear: both; } .nobr { white-space: nowrap; } @font-face { font-family: 'star'; src: url("../fonts/star/star.eot"); src: url("../fonts/star/star.eot?#iefix") format("embedded-opentype"), url("../fonts/star/star.woff") format("woff"), url("../fonts/star/star.ttf") format("truetype"), url("../fonts/star/star.svg#star") format("svg"); font-weight: normal; font-style: normal; } /* =Global styles/layout -------------------------------------------------------------- */ .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating{ margin-bottom: 10px; } .woocommerce .woocommerce-product-rating .star-rating, .woocommerce-page .woocommerce-product-rating .star-rating { margin: 5px 10px 0 0; float: left; } .woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus { display: block; padding: 0; margin: 0; position: absolute; text-align: center; vertical-align: text-top; width: 20px; height: 15px; text-decoration: none; overflow: visible; font-weight: bold; cursor: pointer; line-height: 13px; font-size: 12px; -webkit-border-radius: 2px; border-radius: 2px; color: #5e5e5e; border: 1px solid #c7c0c7; } .woocommerce, .woocommerce-page { /*a.button.alt, button.button.alt, input.button.alt, input#submit.alt, input.button.alt { background: #ad74a2; border-color: #76456c; color: #ffffff; &:hover { background: #ad74a2; color: #ffffff; } }*/ } .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info { padding: 1em 1em 1em 3.5em; margin: 0 0 2em; position: relative; border-radius: 4px; background: #fff; text-shadow: none; box-shadow: none; list-style: none outside; width: auto; border: 1px solid #d8d8d8; } .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:after, .woocommerce-page .woocommerce-message:after, .woocommerce-page .woocommerce-error:after, .woocommerce-page .woocommerce-info:after { content: ""; display: block; clear: both; } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before { content: ""; height: 1.5em; width: 1.5em; display: block; position: absolute; top: 0; left: 1em; font-family: sans-serif; font-size: 1em; line-height: 1.5; text-align: center; color: #fff; padding-top: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button { float: right; } .woocommerce .woocommerce-message li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce-page .woocommerce-message li, .woocommerce-page .woocommerce-error li, .woocommerce-page .woocommerce-info li { list-style: none outside; padding-left: 0; margin-left: 0; } .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message { border-top: 3px solid #8fae1b; } .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before { background-color: #8fae1b; content: "\2713"; } .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info { border-top: 3px solid #1e85be; } .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { background-color: #1e85be; content: "i"; font-family: Times, Georgia, serif; font-style: italic; } .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error { border-top: 3px solid #b81c23; } .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before { background-color: #b81c23; content: "\00d7"; font-weight: 700; } .woocommerce p.demo_store, .woocommerce-page 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: #ffffff; z-index: 99998; } .woocommerce .admin-bar p.demo_store, .woocommerce-page .admin-bar p.demo_store { top: 28px; } .woocommerce small.note, .woocommerce-page small.note { display: block; color: #777777; font-size: 11px; line-height: 21px; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { margin: 0 0 1em; padding: 0; font-size: 0.92em; color: #777777; } .woocommerce .woocommerce-breadcrumb:after, .woocommerce-page .woocommerce-breadcrumb:after { content: ""; display: block; clear: both; } .woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a { color: #777777; } .woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; } .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%; } .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; text-transform: uppercase; font-weight: 700; font-size: 36px; line-height: 44px; } .woocommerce div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page div.product span.price, .woocommerce-page #content div.product span.price { color: #85ad74; font-size: 1.25em; } .woocommerce div.product span.price ins, .woocommerce #content div.product span.price ins, .woocommerce-page div.product span.price ins, .woocommerce-page #content div.product span.price ins { background: inherit; } .woocommerce div.product span.price del, .woocommerce #content div.product span.price del, .woocommerce-page div.product span.price del, .woocommerce-page #content div.product span.price del { font-size: 14px; color: #666; margin-right: 30px;} .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: 0.92em; } .woocommerce div.product .stock, .woocommerce #content div.product .stock, .woocommerce-page div.product .stock, .woocommerce-page #content div.product .stock { color: #85ad74; } .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: 48%; 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; transition: all ease-in-out 0.2s; } .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; } .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: 49%; 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; padding: 0; 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; position: relative; z-index: 0; margin: 0 -5px; padding: 0 1em; background: #fff; border: 1px solid #d8d8d8; box-shadow: none; border-radius: 0; } .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; padding: .5em 0; font-weight: bold; color: #222; text-decoration: none; } .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 { text-decoration: none; color: #777777; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { background: #ffffff; z-index: 2; border-bottom-color: #ffffff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before { position: absolute; bottom: -1px; content: " "; left: -6px; box-shadow: none; border-radius: 0; border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { right: -6px; border-radius: 0; border-width: 0 0 1px 1px; box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:first-child { margin-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #d8d8d8; z-index: 1; } .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 50px; padding: 0; box-shadow: none; } .woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce #content div.product .woocommerce-tabs .panel h2, .woocommerce-page div.product .woocommerce-tabs .panel h2, .woocommerce-page #content div.product .woocommerce-tabs .panel h2 { font-size: 18px; font-weight: 700; color: #222; margin: 15px 0 10px; line-height: 20px; } .woocommerce div.product .woocommerce-tabs #comments, .woocommerce #content div.product .woocommerce-tabs #comments, .woocommerce-page div.product .woocommerce-tabs #comments, .woocommerce-page #content div.product .woocommerce-tabs #comments { border-top: none; padding-top: 0; } .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: 15px 0; border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; } .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 4px 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 0; } .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; font-size: 16px; margin-top: 7px; } .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 { width: 100%; float: left; } .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 .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 .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: right; background: #ff6430; box-shadow: none; padding: 0; border: none; color: #fff; font-size: 14px; font-weight: 500; text-shadow: none; margin: 0; display: inline-block; padding: 5px 15px; line-height: 28px; } .woocommerce div.product form.cart .button:hover, .woocommerce #content div.product form.cart .button:hover, .woocommerce-page div.product form.cart .button:hover, .woocommerce-page #content div.product form.cart .button:hover { background: #1b1b1b; color: #fff; } .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.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 span.onsale, .woocommerce-page span.onsale { padding: 4px; font-size: 12px; position: absolute; text-align: center; line-height: 32px; top: 6px; left: 6px; margin: 0; background: #ff6430; font-weight: 500; box-shadow: none; border-radius: 0; text-shadow: none; min-height: 20px; line-height: 20px; min-width: 46px; border: 1px solid #d8d8d8; } .woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products { margin: 0 -10px 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-page .related:after { content: ""; display: block; clear: both; } .woocommerce .related ul.products, .woocommerce .upsells.products ul.products, .woocommerce-page .related ul.products, .woocommerce-page .upsells.products ul.products { float: none; } .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul.products li.product { padding: 0 10px; } .woocommerce .related ul.products li.product img, .woocommerce .upsells.products ul.products li.product img, .woocommerce-page .related ul.products li.product img, .woocommerce-page .upsells.products ul.products li.product img { width: 100%; height: auto; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 3.8% 2.992em 0; padding: 0; position: relative; margin-left: 0; } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { top: 0; right: 0; left: auto; margin: -6px -6px 0 0; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { padding: 0 0 10px; margin: 0; font-size: 16px; } .woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a { text-decoration: none; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0 0 8px; box-shadow: none; } .woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img { box-shadow: none; } .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-weight: normal; color: #222; font-size: 18px; border-bottom: 1px solid #d8d8d8; padding-bottom: 8px; margin-bottom: 12px; } .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { margin: -2px 0 0 0; font-size: 14px; color: #666; } .woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins { background: none; text-decoration: none; } .woocommerce ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .from { font-size: 0.67em; margin: -2px 0 0 0; text-transform: uppercase; color: rgba(145, 145, 145, 0.5); } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: both; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: left; margin: 8px 0 0; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin: 0 0 1em; float: right; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { vertical-align: top; } .woocommerce nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination { text-align: center; } .woocommerce nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border: 1px solid #e0dadf; border-right: 0; margin: 1px; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { border-right: 1px solid #e0dadf; padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li a { margin: 0; text-decoration: none; padding: 0; line-height: 1em; font-size: 1em; font-weight: normal; padding: .5em; min-width: 1em; display: block; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current { background: #f7f6f7; color: #998896; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce input#submit, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce input#submit, .woocommerce input.button.alt, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page input#submit, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce-page input#submit, .woocommerce-page input.button.alt { font-size: 14px; margin: 0; line-height: 1em; cursor: pointer; position: relative; font-family: inherit; overflow: visible; padding: 10px 15px; text-decoration: none; font-weight: 400; border-radius: 0; left: auto; color: #fff; border: none; background: #292929; white-space: nowrap; display: inline-block; box-shadow: none; text-shadow: none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input#submit:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce input#submit:hover, .woocommerce input.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page input#submit:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce-page input#submit:hover, .woocommerce-page input.button.alt:hover { background: #ff6430; text-decoration: none; } .woocommerce a.button.active, .woocommerce button.button.active, .woocommerce input.button.active, .woocommerce input#submit.active, .woocommerce input.button.active, .woocommerce #respond input#submit.active, .woocommerce #content input.button.active, .woocommerce input#submit.active, .woocommerce input.button.alt.active, .woocommerce-page a.button.active, .woocommerce-page button.button.active, .woocommerce-page input.button.active, .woocommerce-page input#submit.active, .woocommerce-page input.button.active, .woocommerce-page #respond input#submit.active, .woocommerce-page #content input.button.active, .woocommerce-page input#submit.active, .woocommerce-page input.button.alt.active { top: 1px; } .woocommerce a.button .loading, .woocommerce button.button .loading, .woocommerce input.button .loading, .woocommerce input#submit .loading, .woocommerce input.button .loading, .woocommerce #respond input#submit .loading, .woocommerce #content input.button .loading, .woocommerce input#submit .loading, .woocommerce input.button.alt .loading, .woocommerce-page a.button .loading, .woocommerce-page button.button .loading, .woocommerce-page input.button .loading, .woocommerce-page input#submit .loading, .woocommerce-page input.button .loading, .woocommerce-page #respond input#submit .loading, .woocommerce-page #content input.button .loading, .woocommerce-page input#submit .loading, .woocommerce-page input.button.alt .loading { color: #777777; border: 1px solid #f7f6f7; } .woocommerce a.button .loading:before, .woocommerce button.button .loading:before, .woocommerce input.button .loading:before, .woocommerce input#submit .loading:before, .woocommerce input.button .loading:before, .woocommerce #respond input#submit .loading:before, .woocommerce #content input.button .loading:before, .woocommerce input#submit .loading:before, .woocommerce input.button.alt .loading:before, .woocommerce-page a.button .loading:before, .woocommerce-page button.button .loading:before, .woocommerce-page input.button .loading:before, .woocommerce-page input#submit .loading:before, .woocommerce-page input.button .loading:before, .woocommerce-page #respond input#submit .loading:before, .woocommerce-page #content input.button .loading:before, .woocommerce-page input#submit .loading:before, .woocommerce-page input.button.alt .loading:before { 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.added:before, .woocommerce-page a.button.added:before { content: ""; position: absolute; height: 16px; width: 16px; top: 0.35em; right: -26px; text-indent: 0; background: url(../images/success.png) no-repeat; } .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 { padding-top: .5em; white-space: nowrap; display: inline-block; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { width: 85px; position: relative; margin: 0 auto; overflow: hidden; zoom: 1; noindex: -o-prefocus; noindex-padding-right: 1.2em; } .woocommerce .quantity input:-webkit-outer-spin-button, .woocommerce #content .quantity input:-webkit-outer-spin-button, .woocommerce-page .quantity input:-webkit-outer-spin-button, .woocommerce-page #content .quantity input:-webkit-outer-spin-button { display: none; } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { float: left; padding: 0; text-align: center; border: 1px solid #d8d8d8; font-weight: bold; border-radius: 0; border-right: none; height: 40px; width: 50px; } .woocommerce .quantity .plus, .woocommerce #content .quantity .plus, .woocommerce-page .quantity .plus, .woocommerce-page #content .quantity .plus { display: block; padding: 0; margin: 0; position: absolute; text-align: center; vertical-align: text-top; overflow: visible; text-decoration: none; font-weight: bold; cursor: pointer; line-height: 13px; font-size: 12px; border-radius: 2px; border: 1px solid #d8d8d8; background: none; top: 0; right: 0; border-bottom: 0; border-radius: 0; box-shadow: none; color: #666; text-shadow: none; width: 35px; height: 20px; } .woocommerce .quantity .plus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page #content .quantity .plus:hover { background: #ff6430; } .woocommerce .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .minus { bottom: 0; right: 0; border-top-left-radius: 0; border-top-right-radius: 0; background: #fff; height: 20px; width: 35px; } .woocommerce .quantity .minus:hover, .woocommerce #content .quantity .minus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-page #content .quantity .minus:hover { background: #ff6430; } .woocommerce #reviews h2 small, .woocommerce-page #reviews h2 small { float: right; color: #777777; font-size: 15px; line-height: 21px; margin: 10px 0 0 0; } .woocommerce #reviews h2 small a, .woocommerce-page #reviews h2 small a { text-decoration: none; color: #777777; } .woocommerce #reviews h3, .woocommerce-page #reviews h3 { margin: 0; } .woocommerce #reviews #respond, .woocommerce-page #reviews #respond { margin: 0; border: 0; padding: 0; } .woocommerce #reviews #comment, .woocommerce-page #reviews #comment { height: 100px; border: 1px solid #d8d8d8; } .woocommerce #reviews #comment .add_review:after, .woocommerce-page #reviews #comment .add_review:after { content: ""; display: block; clear: both; } .woocommerce #reviews #comment h2, .woocommerce-page #reviews #comment h2 { clear: none; } .woocommerce #reviews #comment ol.commentlist, .woocommerce-page #reviews #comment ol.commentlist { margin: 0; width: 100%; background: none; list-style: none; } .woocommerce #reviews #comment ol.commentlist:after, .woocommerce-page #reviews #comment ol.commentlist:after { content: ""; display: block; clear: both; } .woocommerce #reviews #comment ol.commentlist li .comment-text, .woocommerce-page #reviews #comment ol.commentlist li .comment-text { border: 1px solid #d8d8d8; border-radius: 0; } .woocommerce #reviews #comment ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comment ol.commentlist li .comment-text p.meta { font-size: 12px; } .woocommerce #reviews #comment li, .woocommerce-page #reviews #comment li { padding: 00; margin: 0 0 20px; position: relative; background: 0; border: 0; } .woocommerce #reviews #comment li .meta, .woocommerce-page #reviews #comment li .meta { color: #777777; font-size: 0.75em; } .woocommerce #reviews #comment li img.avatar, .woocommerce-page #reviews #comment li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; background: #f7f6f7; border: 1px solid #f0eef0; margin: 0; line-height: 1; } .woocommerce #reviews #comment li .comment-text, .woocommerce-page #reviews #comment li .comment-text { margin: 0 0 0 50px; border: 1px solid #f0eef0; border-radius: 4px; padding: 1em 1em 0; } .woocommerce #reviews #comment li .comment-text p, .woocommerce-page #reviews #comment li .comment-text p { margin: 0 0 1em; } .woocommerce #reviews #comment li .comment-text p.meta, .woocommerce-page #reviews #comment li .comment-text p.meta { font-size: 0.83em; } .woocommerce #reviews #comment .commentlist > li:before, .woocommerce-page #reviews #comment .commentlist > li:before { content: ""; } .woocommerce .star-rating, .woocommerce-page .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 1em; width: 5.4em; font-family: 'star'; } .woocommerce .star-rating:before, .woocommerce-page .star-rating:before { content: "\73\73\73\73\73"; color: #e0dadf; 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; width: 80%; } .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; color: #ff6430; } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { display: block; margin: 0 0 .5em; float: none; } .woocommerce .hreview-aggregate .star-rating, .woocommerce-page .hreview-aggregate .star-rating { margin: 10px 0 0 0; } .woocommerce #review_form #respond, .woocommerce-page #review_form #respond { position: static; margin: 0; width: auto; padding: 0 0 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 p, .woocommerce-page #review_form #respond p { margin: 0 0 10px; } .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 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .woocommerce p.stars, .woocommerce-page p.stars { font-size: 0; } .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; border-right: none !important; 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; } .woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes { border: 0; border-top: 1px dotted rgba(0, 0, 0, 0.1); margin-bottom: 1.618em; width: 100%; } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th { width: 150px; font-weight: bold; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); 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.1); 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-page table.shop_attributes .alt td { background: rgba(0, 0, 0, 0.025); } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0px -1px 24px 0px; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-weight: bold; line-height: 18px; padding: 9px 12px; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 6px 12px; vertical-align: middle; } .woocommerce table.shop_table td small, .woocommerce-page table.shop_table td small { font-weight: normal; } .woocommerce table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot td { font-weight: bold; border-top: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce table.my_account_orders, .woocommerce-page table.my_account_orders { font-size: 0.85em; } .woocommerce table.my_account_orders th, .woocommerce-page table.my_account_orders th { padding: 4px 8px; 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 td.product-name dl.variation, .woocommerce-page td.product-name dl.variation { margin: .25em 0 .5em; font-size: 0.8751em; } .woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt { font-weight: bold; float: left; clear: left; margin: 0 .25em 0 0; padding: 0; } .woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dd { margin: 0 0 .25em 0; } .woocommerce td.product-name p.backorder_notification, .woocommerce-page td.product-name p.backorder_notification { font-size: 0.83em; } .woocommerce td.product-quantity, .woocommerce-page td.product-quantity { min-width: 80px; } .woocommerce table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { min-width: 32px; } .woocommerce table.cart img, .woocommerce-page table.cart img { width: 32px; height: auto; } .woocommerce table.cart th, .woocommerce-page table.cart th { vertical-align: middle; } .woocommerce table.cart a.remove, .woocommerce-page table.cart a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: red; text-decoration: none; font-weight: bold; } .woocommerce table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover { background-color: red; color: #fff; } .woocommerce table.cart td.actions, .woocommerce-page table.cart td.actions { text-align: right; } .woocommerce table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: left; } .woocommerce table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label { display: none; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { height: 32px; width: 110px; float: left; box-sizing: border-box; border: 1px solid #e0dadf; padding: 6px 6px 5px; margin: 0 4px 0 0; outline: 0; line-height: 1em; } .woocommerce table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .button.alt { float: right; margin-left: .25em; } .woocommerce table.cart input, .woocommerce-page table.cart input { margin: 0; vertical-align: middle; line-height: 1em; } .woocommerce ul.cart_list, .woocommerce-page ul.cart_list { list-style: none outside; padding: 0; margin: 0; } .woocommerce ul.cart_list li, .woocommerce-page ul.cart_list li { padding: 4px 0; margin: 0; list-style: none; } .woocommerce ul.cart_list li:after, .woocommerce-page ul.cart_list li:after { content: ""; display: block; clear: both; } .woocommerce ul.cart_list li a, .woocommerce-page ul.cart_list li a { display: block; font-weight: bold; } .woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img { float: right; margin-left: 4px; width: 32px; height: auto; } .woocommerce ul.cart_list li dl, .woocommerce-page ul.cart_list li dl { margin: 0; font-size: 0.8751em; padding-left: 0; border-left: none; } .woocommerce ul.cart_list li dl dt, .woocommerce-page ul.cart_list li dl dt { float: left; clear: left; margin-right: .25em; } .woocommerce ul.cart_list li dl dd, .woocommerce-page ul.cart_list li dl dd { margin-bottom: .5em; } .woocommerce ul.cart_list li .star-rating, .woocommerce-page ul.cart_list li .star-rating { float: none; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { border-top: 3px double #f7f6f7; padding: 4px 0 0; } .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 .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100%; } .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 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 { width: 100%; float: none; display: block; } .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1 { 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 p, .woocommerce-page .cart-collaterals .cart_totals p { margin: 0; } .woocommerce .cart-collaterals .cart_totals p small, .woocommerce-page .cart-collaterals .cart_totals p small { color: #777777; font-size: 0.83em; } .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { border-collapse: separate; border-radius: 5px; margin: 0 0 6px; padding: 0; } .woocommerce .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th { border-top: 0; } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td { padding: 6px 3px; } .woocommerce .cart-collaterals .cart_totals table small, .woocommerce-page .cart-collaterals .cart_totals table small { display: block; color: #777777; } .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-page .cart-collaterals .cart_totals tr td { border-top: 1px solid #f7f6f7; padding: 6px 6px; } .woocommerce .cart-collaterals .cart_totals a.button.alt, .woocommerce-page .cart-collaterals .cart_totals a.button.alt { width: 193px; display: block; font-size: 0.92em; } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 3px; margin: 0 0 6px; } .woocommerce form .form-row:after, .woocommerce-page form .form-row:after { content: ""; display: block; clear: both; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block; } .woocommerce form .form-row label.hidden, .woocommerce-page form .form-row label.hidden { visibility: hidden; } .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { display: inline; } .woocommerce form .form-row select, .woocommerce-page form .form-row select { width: 100%; cursor: pointer; margin: 0; } .woocommerce form .form-row .required, .woocommerce-page form .form-row .required { color: red; font-weight: bold; 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 input.input-text, .woocommerce-page form .form-row input.input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: 1em; } .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { height: 3.5em; line-height: 1.5em; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; 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-page form .form-row.validate-required.woocommerce-invalid .chzn-single { border-color: #fb7f88; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first { 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 { border: 1px solid #e0dadf; padding: 20px; margin: 2em 0 2em 0px; text-align: left; border-radius: 5px; } .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: bold; } .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 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: 0 0 0 0; padding: 0; } .woocommerce .checkout #shiptobilling label, .woocommerce-page .checkout #shiptobilling label { font-size: 0.6875em; } .woocommerce .checkout .shipping_address, .woocommerce-page .checkout .shipping_address { clear: both; } .woocommerce #payment, .woocommerce-page #payment { background: #fff; border-radius: 0; border: 1px solid #d8d8d8; } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid #e0dadf; margin: 0; list-style: none outside; } .woocommerce #payment ul.payment_methods:after, .woocommerce-page #payment ul.payment_methods:after { content: ""; display: block; clear: both; } .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li { line-height: 2em; text-align: left; margin: 0; font-weight: normal; list-style: none; } .woocommerce #payment ul.payment_methods li input, .woocommerce-page #payment ul.payment_methods li input { margin: 0 1em 0 0; } .woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 0.5em; position: relative; } .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row { padding: 1em; border-top: 1px solid #ffffff; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: right; margin: 0; } .woocommerce #payment .terms, .woocommerce-page #payment .terms { padding: 0 1em 0; text-align: right; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { position: relative; width: 96%; padding: 1em 2%; margin: 1em 0 1em 0; font-size: 0.92em; border-radius: 0; box-shadow: none; line-height: 1.5em; background: #ebe8eb; color: #5e5e5e; } .woocommerce #payment div.payment_box p:last-child, .woocommerce #payment div.payment_box p:last-child, .woocommerce-page #payment div.payment_box p:last-child, .woocommerce-page #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce #payment div.payment_box #cc-expire-month, .woocommerce-page #payment div.payment_box #cc-expire-month { width: 48%; float: left; } .woocommerce #payment div.payment_box #cc-expire-year, .woocommerce-page #payment div.payment_box #cc-expire-year { float: right; } .woocommerce #payment div.payment_box span.help, .woocommerce-page #payment div.payment_box span.help { font-size: 11px; color: #777777; line-height: 13px; font-weight: normal; } .woocommerce #payment div.payment_box .form-row, .woocommerce-page #payment div.payment_box .form-row { margin: 0 0 1em; } .woocommerce #payment div.payment_box .form-row select, .woocommerce-page #payment div.payment_box .form-row select { width: 48%; float: left; margin-right: 3.8%; } .woocommerce #payment div.payment_box .form-row select:nth-child(3n), .woocommerce-page #payment div.payment_box .form-row select:nth-child(3n) { margin-right: 0; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after { content: ""; display: block; border: 8px solid #ebe8eb; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -3px; left: 0; margin: -1em 0 0 2em; } .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: 0.715em; line-height: 1em; border-right: 1px dashed #e0dadf; 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: none; } .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: bold; 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; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAQUlEQVQIHWP8//8/AwgwMjLWgxlQAijeCGIyIQtiYxNUwAjUhWI0uilMMLvQJUB8kBzYCmyKYGJwN8AEYDphJgIAPtccffZCsOoAAAAASUVORK5CYII=) left no-repeat; } .woocommerce ul.digital-downloads li .count, .woocommerce-page ul.digital-downloads li .count { float: right; } .woocommerce .page-title, .woocommerce-page .page-title { display: none; } .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .widget_layered_nav ul li { padding: 0 0 1px; list-style: none; } .widget_layered_nav ul li:after { content: ""; display: block; clear: both; } .widget_layered_nav ul li a, .widget_layered_nav ul li span { padding: 1px 0; float: left; } .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; color: #ffffff; border-radius: 3px; } .widget_layered_nav ul small.count { float: right; margin-left: 6px; font-size: 1em; padding: 1px 0; color: #777777; } .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none outside; overflow: hidden; zoom: 1; } .widget_layered_nav_filters ul li { float: left; padding: 0 1px 1px 0; list-style: none; } .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; color: #ffffff; border-radius: 3px; float: left; } .widget_price_filter .price_slider { margin-bottom: 1em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; font-size: 0.8751em; } .widget_price_filter .price_slider_amount .button { font-size: 1.15em; float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.9em; height: 0.9em; border-radius: 1em; border: 1px solid #150d14; cursor: pointer; background: #ad74a2; outline: none; top: -2px; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #ad74a2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAFUlEQVQIHWP4//9/PRMDA8NzEPEMADLLBU76a5idAAAAAElFTkSuQmCC) top repeat-x; border-radius: 1em; } .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background: #1e1e1e; } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .twentythirteen .entry-summary { padding: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .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 a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content input.button.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content input.button.added:before { background: url(../images/success@2x.png) no-repeat; background-size: 16px 14px; } .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 p.stars span a:hover, .woocommerce p.stars span a:focus, .woocommerce p.stars span a.active, .woocommerce-page p.stars span, .woocommerce-page p.stars span a:hover, .woocommerce-page p.stars span a:focus, .woocommerce-page p.stars span a.active { background-image: url(../images/star@2x.png); background-size: 16px 48px; } } .woocommerce-page, .woocommerce-page { /*.woocommerce-result-count { font-style: italic; margin-top: 5px; } .woocommerce-ordering { select { font-size: 12px; padding: 5px 10px; border: 1px solid $kopa-border; color: #666; } }*/ } .woocommerce .products .star-rating { margin: 0 0 10px; } .product_meta { color: #222; font-style: italic; } .product_meta a { color: #222; font-style: italic; } #review_form_wrapper .comment-reply-title { font-size: 14px; color: #222; font-weight: 700; margin-bottom: 10px !important; } .related.products h2, .upsells.products h2, .cross-sells h2 { font-size: 22px; margin: 0 0 20px; } .product_column.product_column_3 .related.products .products { margin: 0 -10px; } .product_column.product_column_3 .related.products .products > li { margin-right: 0; width: 33.333333%; padding: 0 10px; margin-bottom: 30px; } .woocommerce .widget_shopping_cart_content a.button { background: none !important; padding: 0; color: #222; } .woocommerce .widget_shopping_cart_content a.button.checkout { float: right; clear: left; margin-top: 3px; } .woocommerce .widget_shopping_cart_content a.button:hover { color: #ff6430; } .woocommerce .shop_columns_2 ul.products li.product { padding: 0 10px; width: 50%; margin: 0 0 20px; } .woocommerce-page .shop_columns_2 ul.products li.product { padding: 0 10px; width: 50%; margin: 0 0 20px; } .woocommerce .shop_columns_3 ul.products li.product, .woocommerce-page .shop_columns_3 ul.products li.product { padding: 0 10px; width: 33.33333%; margin: 0 0 30px; } .woocommerce .shop_columns_4 ul.products li.product, .woocommerce-page .shop_columns_4 ul.products li.product { padding: 0 10px; width: 25%; margin: 0 0 20px; } .woocommerce .shop_columns_5 ul.products li.product, .woocommerce-page .shop_columns_5 ul.products li.product { padding: 0 10px; width: 20%; margin: 0 0 20px; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-bottom: 20px; } .widget_price_filter .ui-slider .ui-slider-range, .widget_price_filter .ui-slider .ui-slider-range { background: #666; box-shadow: none; } .widget_price_filter .ui-slider .ui-slider-handle, .widget_price_filter .ui-slider .ui-slider-handle { background: #222; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.65) inset; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text { border: 1px solid #d8d8d8; box-shadow: none; padding: 5px 10px; height: 36px; line-height: 24px; } .woocommerce .checkout #shiptobilling label { font-size: 10px; padding-left: 10px; } .woocommerce form .form-row .input-checkbox { margin: -2px 0 0; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: 1px solid #d8d8d8; padding: 5px 10px; height: 34px; } .woocommerce-checkout .form-row .chzn-container-single .chzn-single { border-radius: 0; } .woocommerce-checkout .form-row .chzn-container-single .chosen-single { height: 34px; line-height: 32px; } .checkout_coupon #coupon_code { padding: 5px 10px; height: 36px; line-height: 24px; } .woocommerce .checkout_coupon p { margin-bottom: 0; } .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { border-radius: 0; } .woocommerce a.added_to_cart { float: right; } .woocommerce form .form-row select { border: 1px solid #d8d8d8; padding: 5px 10px; } #commentform p label { width: 80px; } #commentform p span.required { margin-right: 10px; } #commentform p input { background: #fff; border-radius: 0; border: 1px solid #d8d8d8; padding: 5px 10px; } #commentform p.comment-form-rating label, #commentform p.comment-form-comment label { width: auto; } .woocommerce .related .products .product.last, .woocommerce .upsells.products .products .product.last { margin-right: 0; } .woocommerce table.shop_table { border: 1px solid #d8d8d8; border-radius: 0; } .woocommerce-page table.shop_table { border: 1px solid #d8d8d8; border-radius: 0; } .woocommerce table.shop_table td { border-top: 1px solid #d8d8d8; } .woocommerce .kopa-breadcrumb { margin-top: 0; } .widget.woocommerce .widget-title { position: relative; } .widget_product_categories .product-categories { list-style: none; padding-left: 0; margin: 0; } .widget_product_categories .product-categories li { padding: 8px 0; list-style: none; border-bottom: 1px dashed #e4e3f0; margin-top: 0; } .widget_product_categories .product-categories li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; margin-right: 17px; margin-left: 3px; } .widget_product_categories .product-categories li:first-child { padding-top: 0; } .widget_product_categories .product-categories ul { margin-left: 20px; margin-top: 8px; border-top: 1px dashed #e4e3f0; } .widget_product_categories .product-categories ul li:first-child { padding-top: 8px; } .widget_product_categories .product-categories ul li:last-child { padding-bottom: 0; border-bottom: none; } .widget_shopping_cart ul.cart_list, .widget_shopping_cart ul.product_list_widget { list-style: none; padding-left: 0; margin: 0; } .widget_shopping_cart ul.cart_list li, .widget_shopping_cart ul.product_list_widget li { padding: 15px 0; list-style: none; border-bottom: 1px solid #d8d8d8; } .widget_shopping_cart ul.cart_list li:first-child, .widget_shopping_cart ul.product_list_widget li:first-child { padding-top: 0; } .widget_shopping_cart ul.cart_list li img, .widget_shopping_cart ul.product_list_widget li img { float: left; margin-right: 15px; margin-left: 0; } .widget_top_rated_products ul.cart_list, .widget_top_rated_products ul.product_list_widget, .widget_products ul.cart_list, .widget_products ul.product_list_widget { list-style: none; padding-left: 0; margin: 0; } .widget_top_rated_products ul.cart_list li, .widget_top_rated_products ul.product_list_widget li, .widget_products ul.cart_list li, .widget_products ul.product_list_widget li { padding: 15px 0; list-style: none; border-bottom: 1px solid #e4e3f0; } .widget_top_rated_products ul.cart_list li:first-child, .widget_top_rated_products ul.product_list_widget li:first-child, .widget_products ul.cart_list li:first-child, .widget_products ul.product_list_widget li:first-child { padding-top: 0; } .widget_top_rated_products ul.cart_list li img, .widget_top_rated_products ul.product_list_widget li img, .widget_products ul.cart_list li img, .widget_products ul.product_list_widget li img { float: left; margin-right: 15px; margin-left: 0; } .widget_shopping_cart .total, .widget_top_rated_products .total { border-top: none !important; } .widget_product_search .screen-reader-text { display: none; } .widget_product_search form { position: relative; } .widget_product_search form input[type="submit"] { position: absolute; right: 0; top: 0; border-radius: 0; background: #ff6430; text-align: center; line-height: 34px; padding: 0 12px; border: none; color: #fff; } .widget_product_search form input[type="submit"]:hover { background: #292929; } .widget_product_search #s { height: 34px; width: 100%; } .woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers { margin: 30px 0px; overflow: hidden; display: inline-block; border: none; border-right: 1px solid #e4e3f0; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; margin: 0; border: 1px solid #e4e3f0; border-right: none; float: left; text-align: center; position: relative; } .woocommerce .woocommerce-pagination ul.page-numbers li a, .woocommerce .woocommerce-pagination ul.page-numbers li span, .woocommerce-page .woocommerce-pagination ul.page-numbers li a, .woocommerce-page .woocommerce-pagination ul.page-numbers li span { text-decoration: none; display: inline-block; font-size: 16px; line-height: 34px; color: #727272; text-transform: uppercase; min-width: 34px; padding: 0; } .woocommerce .woocommerce-pagination ul.page-numbers li a:hover, .woocommerce .woocommerce-pagination ul.page-numbers li span.current, .woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover, .woocommerce-page .woocommerce-pagination ul.page-numbers li span.current { background: #ff6430; color: #fff; } .woocommerce .related.products h2 { padding-bottom: 10px; border-bottom: 1px solid #e4e3f0; font-size: 17px; font-weight: 400; text-transform: uppercase; line-height: 22px; } .woocommerce .chosen-container-single .chosen-single { background: none; border-radius: 0; box-shadow: none; } .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 { border-color: #ff6430; } .woocommerce .chosen-container-active .chosen-single { border-color: #ff6430; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 90px; box-shadow: none; } .single_variation_wrap .single_variation .price { display: block; padding-bottom: 15px; } .variations .label { color: #1b1b1b; border-top: none; } #size { height: 34px; padding: 7px 0; } .reset_variations { padding: 5px 15px; background: #ff6430; color: #fff; display: inline-block; margin: 10px 0; float: right; } .reset_variations:hover { background: #1b1b1b; color: #fff; } #ship-to-different-address { position: relative; } #ship-to-different-address .checkbox { font-weight: 400; margin: 0; } #ship-to-different-address #ship-to-different-address-checkbox { position: absolute; left: 0; top: 0; } .woocommerce, .woocommerce-page { /*.woocommerce-message { border-color: $kopa-color-hover; &:before { background: $kopa-color-hover; } }*/ } .woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text { width: 300px; } .woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus { background: #fff; height: 20px; width: 35px; } .woocommerce-ordering .orderby{ display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 20px; color: #727272; background-color: white; background-image: none; border: 1px solid #d8d8d8; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .woocommerce table > thead > tr > th { border-bottom: none; } .entry-summary .entry-title.product_title { } .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price { color: #ff6430; } .woocommerce-checkout .form-row .chosen-container-single .chosen-single { height: 34px; line-height: 34px; } .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { background: #ff6430; } .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info { border-top-color: #ff6430; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } @media screen and (max-width: 1270px) { } @media screen and (max-width: 1023px) { } @media screen and (max-width: 979px) { } @media screen and (max-width: 899px) { } @media screen and (max-width: 799px) { .woocommerce .shop_columns_3 ul.products li.product, .woocommerce-page .shop_columns_3 ul.products li.product, .woocommerce .shop_columns_4 ul.products li.product, .woocommerce-page .shop_columns_4 ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul.products li.product { width: 50%; } } @media screen and (max-width: 767px) { } @media screen and (max-width: 639px) { } @media screen and (max-width: 599px) { .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; } .woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text { width: 100%; } } @media screen and (max-width: 479px) { .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: left; margin-top: 10px; } .woocommerce .shop_columns_3 ul.products li.product, .woocommerce-page .shop_columns_3 ul.products li.product, .woocommerce .shop_columns_4 ul.products li.product, .woocommerce-page .shop_columns_4 ul.products li.product, .woocommerce .shop_columns_2 ul.products li.product, .woocommerce-page .shop_columns_2 ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul.products li.product { width: 100%; } .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { width: 100%; } } @media screen and (max-width: 359px) { } @media only screen and (min-width: 1024px) and (max-width: 1230px) { } @media only screen and (min-width: 980px) and (max-width: 1023px) { } @media only screen and (min-width: 900px) and (max-width: 979px) { } @media only screen and (min-width: 800px) and (max-width: 899px) { } @media only screen and (min-width: 768px) and (max-width: 799px) { } @media only screen and (min-width: 640px) and (max-width: 767px) { } @media only screen and (min-width: 600px) and (max-width: 639px) { } @media only screen and (min-width: 480px) and (max-width: 599px) { } @media only screen and (min-width: 360px) and (max-width: 479px) { } @media only screen and (min-width: 320px) and (max-width: 359px) { }