­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ @charset "UTF-8"; /** * woocommerce.scss * Governs the general look and feel of WooCommerce sections of stores using themes that do not * integrate with WooCommerce specifically. */ /** * Imports */ /** * Deprecated * Fallback for bourbon equivalent */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Use bourbon mixin instead `@include transform(scale(1.5));` */ /** * Deprecated * Use bourbon mixin instead `@include box-sizing(border-box);` */ /** * Objects */ /** * WooCommerce CSS Variables */ /** * _animation.scss * Custom WooCommerce Animations. */ @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /** * _fonts.scss * Custom WooCommerce fonts. */ @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: normal; font-style: normal; } @font-face { font-family: 'WooCommerce'; src: url("../fonts/WooCommerce.eot"); src: url("../fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../fonts/WooCommerce.woff") format("woff"), url("../fonts/WooCommerce.ttf") format("truetype"), url("../fonts/WooCommerce.svg#WooCommerce") format("svg"); font-weight: normal; font-style: normal; } /** * Global styles */ p.demo_store { position: fixed; top: 0; right: 0; left: 0; margin: 0; width: 100%; font-size: 1em; padding: 1em 0; text-align: center; background-color: #A46497; color: white; z-index: 99998; box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2); } p.demo_store a { color: white; } .admin-bar p.demo_store { top: 32px; } /** * Utility classes */ .clear { clear: both; } /** * Main WooCommerce styles */ .woocommerce { /** * Product Page */ /** * Product loops */ /** * Buttons */ /** * Reviews */ /** * Star ratings */ /** * Tables */ /** * Cart sidebar */ /** * Forms */ /** * Order page */ /** * Layered nav widget */ /** * Price filter widget */ /** * Rating Filter Widget */ } .woocommerce .blockUI.blockOverlay { position: relative; } .woocommerce .blockUI.blockOverlay:before { height: 1em; width: 1em; display: block; position: absolute; top: 50%; right: 50%; margin-right: -.5em; margin-top: -.5em; display: block; content: ""; -webkit-animation: spin 1s ease-in-out infinite; -moz-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(../images/icons/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, 0.75); } .woocommerce .loader:before { height: 1em; width: 1em; display: block; position: absolute; top: 50%; right: 50%; margin-right: -.5em; margin-top: -.5em; display: block; content: ""; -webkit-animation: spin 1s ease-in-out infinite; -moz-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(../images/icons/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, 0.75); } .woocommerce a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: #E53935 !important; text-decoration: none; font-weight: 700; border: 0; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); will-change: all; } .woocommerce a.remove:hover { color: #FFFFFF !important; background: #E53935; } .woocommerce small.note { display: block; color: #777777; font-size: .857em; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb { *zoom: 1; margin: 0 0 1em; padding: 0; font-size: 0.92em; color: #777777; } .woocommerce .woocommerce-breadcrumb:before, .woocommerce .woocommerce-breadcrumb:after { content: " "; display: table; } .woocommerce .woocommerce-breadcrumb:after { clear: both; } .woocommerce .woocommerce-breadcrumb a { color: #777777; } .woocommerce .quantity .qty { width: 4em; text-align: center; } .woocommerce div.product { margin-bottom: 0; position: relative; } .woocommerce div.product .product_title { clear: none; margin-top: 0; padding: 0; } .woocommerce div.product span.price, .woocommerce div.product p.price { font-size: 24px; font-weight: bold; } .woocommerce div.product span.price ins, .woocommerce div.product p.price ins { background: inherit; font-weight: 700; color: #E53935; display: block; padding: 0; text-decoration: none; } .woocommerce div.product span.price del, .woocommerce div.product p.price del { padding: 0; opacity: 0.5; display: block; font-size: 11px; } .woocommerce div.product p.stock { font-size: 0.92em; } .woocommerce div.product .stock { color: #77A464; } .woocommerce div.product .out-of-stock { color: red; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 1.618em; } .woocommerce div.product div.images { margin-bottom: 2em; } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none; } .woocommerce div.product div.images div.thumbnails { padding-top: 1em; } .woocommerce div.product div.summary { margin-bottom: 2em; } .woocommerce div.product div.social { text-align: left; margin: 0 0 1em; } .woocommerce div.product div.social span { margin: 0 2px 0 0; } .woocommerce div.product div.social span span { margin: 0; } .woocommerce div.product div.social span .stButton .chicklets { padding-right: 16px; width: 0; } .woocommerce div.product div.social iframe { float: right; margin-top: 3px; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0 1em 0 0; margin: 0 0 1.618em; overflow: hidden; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: inline-block; position: relative; z-index: 0; margin: 0 -5px; padding: 0 1em; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 10px 15px; font-weight: 700; color: #515151; text-decoration: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); will-change: all; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #333333; color: #FFFFFF; z-index: 2; border-bottom-color: #FFFFFF; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 #FFFFFF; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 #FFFFFF; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; right: 0; border-bottom: 3px solid #333333; z-index: 1; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } .woocommerce div.product .woocommerce-tabs h2 { font-size: 20px; } .woocommerce div.product p.cart { margin-bottom: 2em; *zoom: 1; } .woocommerce div.product p.cart:before, .woocommerce div.product p.cart:after { content: " "; display: table; } .woocommerce div.product p.cart:after { clear: both; } .woocommerce div.product form.cart { margin-bottom: 2em; *zoom: 1; } .woocommerce div.product form.cart:before, .woocommerce div.product form.cart:after { content: " "; display: table; } .woocommerce div.product form.cart:after { clear: both; } .woocommerce div.product form.cart div.quantity { float: right; margin: 0 0 0 4px; } .woocommerce div.product form.cart table { border-width: 0 0 1px 0; } .woocommerce div.product form.cart table td { padding-right: 0; } .woocommerce div.product form.cart table div.quantity { float: none; margin: 0; } .woocommerce div.product form.cart table small.stock { display: block; float: none; } .woocommerce div.product form.cart .variations { margin-bottom: 1em; border: 0; width: 100%; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0; vertical-align: top; line-height: 2em; } .woocommerce div.product form.cart .variations label { font-weight: 700; } .woocommerce div.product form.cart .variations select { max-width: 100%; min-width: 75%; display: inline-block; margin-left: 1em; } .woocommerce div.product form.cart .variations td.label { padding-left: 1em; } .woocommerce div.product form.cart .woocommerce-variation-description p { margin-bottom: 1em; } .woocommerce div.product form.cart .reset_variations { visibility: hidden; font-size: 0.83em; } .woocommerce div.product form.cart .wc-no-matching-variations { display: none; } .woocommerce div.product form.cart .button { vertical-align: middle; float: right; } .woocommerce div.product form.cart .group_table td.label { padding-left: 1em; padding-right: 1em; } .woocommerce div.product form.cart .group_table td { vertical-align: top; padding-bottom: .5em; border: 0; } .woocommerce span.onsale { min-height: 45px; min-width: 45px; font-size: 1em; font-weight: 700; position: absolute; text-align: center; line-height: 45px; top: -.5em; right: -.5em; margin: 0; border-radius: 100%; background-color: #E53935; color: white; font-size: .857em; -webkit-font-smoothing: antialiased; } .woocommerce .products ul, .woocommerce ul.products { margin: 0 0 1em; padding: 0; list-style: none outside; clear: both; *zoom: 1; } .woocommerce .products ul:before, .woocommerce .products ul:after, .woocommerce ul.products:before, .woocommerce ul.products:after { content: " "; display: table; } .woocommerce .products ul:after, .woocommerce ul.products:after { clear: both; } .woocommerce .products ul li, .woocommerce ul.products li { list-style: none outside; } .woocommerce ul.products li.product .onsale { top: 0; left: 0; right: auto; margin: -.5em -.5em 0 0; } .woocommerce ul.products li.product h3 { padding: .5em 0; margin: 0; font-size: 18px; } .woocommerce ul.products li.product a { text-decoration: none; } .woocommerce ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0 0 1em; box-shadow: none; } .woocommerce ul.products li.product strong { display: block; } .woocommerce ul.products li.product .star-rating { font-size: 1em; float: left; margin-top: 4px; } .woocommerce ul.products li.product .button { margin-top: 1em; } .woocommerce ul.products li.product .price { color: #656565; display: block; font-weight: bold; margin-bottom: .5em; font-size: 14px; } .woocommerce ul.products li.product .price del { color: inherit; opacity: 0.5; display: block; font-size: 10px; font-weight: normal; line-height: 1em; } .woocommerce ul.products li.product .price ins { background: none; color: #E53935; text-decoration: none; } .woocommerce ul.products li.product .price .from { font-size: 0.67em; margin: -2px 0 0 0; text-transform: uppercase; color: rgba(132, 132, 132, 0.5); } .woocommerce .woocommerce-result-count { margin: 10px 0 1em; font-size: 13px; } .woocommerce .woocommerce-ordering { margin: 0 0 1em; } .woocommerce .woocommerce-ordering select { vertical-align: top; } .woocommerce nav.woocommerce-pagination { text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border-left: 0; margin: 1px; } .woocommerce nav.woocommerce-pagination ul li { display: inline-block; padding: 0px; min-width: 36px; line-height: 36px; vertical-align: middle; float: right; font-size: 17px; letter-spacing: 0 !important; text-align: center; color: #666666; } .woocommerce nav.woocommerce-pagination ul li:not(:last-child) { margin-left: 5px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { text-decoration: none; display: block; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); will-change: all; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { background: #F7F7F7; } .woocommerce nav.woocommerce-pagination ul li span.current { color: #FFFFFF; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { font-size: 13px; margin: 0; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: 10px 26px; font-weight: 700; right: auto; color: #FFFFFF; background-color: #191919; border: 0; white-space: nowrap; display: inline-block; background-image: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, .woocommerce #respond input#submit.loading { opacity: 0.25; padding-left: 2.618em; } .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, .woocommerce #respond input#submit.loading:after { font-family: "WooCommerce"; content: "\e01c"; vertical-align: top; -webkit-font-smoothing: antialiased; font-weight: 400; margin-right: .53em; top: .618em; left: 1em; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after, .woocommerce #respond input#submit.added:after { font-family: 'WooCommerce'; content: "\e017"; margin-right: .53em; vertical-align: bottom; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background-color: #DAD8DA; text-decoration: none; background-image: none; color: #515151; } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { color: #FFFFFF; -webkit-font-smoothing: antialiased; } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover { background-color: #191919; } .woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled]:hover, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled]:hover { background-color: #A46497; color: white; } .woocommerce a.button:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled[disabled] { color: inherit; cursor: not-allowed; opacity: 0.5; padding: .618em 1em; } .woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover { color: inherit; background-color: #EBE9EB; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; } .woocommerce a.added_to_cart { padding-top: 0; padding-right: 10px; white-space: nowrap; display: inline-block; font-size: 0.9em; transform: translateY(6px); } .woocommerce #reviews h2 small { float: left; color: #777777; font-size: 15px; margin: 10px 0 0 0; } .woocommerce #reviews h2 small a { text-decoration: none; color: #777777; } .woocommerce #reviews h3 { margin: 0; } .woocommerce #reviews #respond { margin: 0; border: 0; padding: 0; } .woocommerce #reviews #comment { height: 75px; } .woocommerce #reviews #comments .add_review { *zoom: 1; } .woocommerce #reviews #comments .add_review:before, .woocommerce #reviews #comments .add_review:after { content: " "; display: table; } .woocommerce #reviews #comments .add_review:after { clear: both; } .woocommerce #reviews #comments h2 { clear: none; } .woocommerce #reviews #comments ol.commentlist { *zoom: 1; margin: 0; width: 100%; background: none; list-style: none; } .woocommerce #reviews #comments ol.commentlist:before, .woocommerce #reviews #comments ol.commentlist:after { content: " "; display: table; } .woocommerce #reviews #comments ol.commentlist:after { clear: both; } .woocommerce #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 20px; border: 0; position: relative; background: 100%; border: 0; } .woocommerce #reviews #comments ol.commentlist li .meta { color: #777777; font-size: 0.75em; } .woocommerce #reviews #comments ol.commentlist li img.avatar { float: right; position: absolute; top: 0; right: 0; padding: 3px; width: 32px; height: auto; background: #EBE9EB; border: 1px solid #E4E1E3; margin: 0; box-shadow: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 50px 0 0; border: 1px solid #E4E1E3; border-radius: 4px; padding: 1em 1em 0; *zoom: 1; } .woocommerce #reviews #comments ol.commentlist li .comment-text:before, .woocommerce #reviews #comments ol.commentlist li .comment-text:after { content: " "; display: table; } .woocommerce #reviews #comments ol.commentlist li .comment-text:after { clear: both; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 1em; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 0.83em; } .woocommerce #reviews #comments ol.commentlist ul.children { list-style: none outside; margin: 20px 50px 0 0; } .woocommerce #reviews #comments ol.commentlist ul.children .star-rating { display: none; } .woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid #E4E1E3; border-radius: 4px; padding: 1em 1em 0; margin: 20px 50px 0 0; } .woocommerce #reviews #comments .commentlist > li:before { content: ""; } .woocommerce .star-rating { float: left; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: 'star'; color: #FDD835; } .woocommerce .star-rating:before { content: "\73\73\73\73\73"; color: #D3CED2; float: right; top: 0; right: 0; position: absolute; } .woocommerce .star-rating span { overflow: hidden; float: right; top: 0; right: 0; position: absolute; padding-top: 1.5em; } .woocommerce .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; right: 0; } .woocommerce .woocommerce-product-rating { *zoom: 1; line-height: 2; display: block; } .woocommerce .woocommerce-product-rating:before, .woocommerce .woocommerce-product-rating:after { content: " "; display: table; } .woocommerce .woocommerce-product-rating:after { clear: both; } .woocommerce .woocommerce-product-rating .star-rating { margin: .5em 0 0 4px; float: right; } .woocommerce .products .star-rating { display: block; margin: 0 0 .5em; float: none; } .woocommerce .hreview-aggregate .star-rating { margin: 10px 0 0 0; } .woocommerce #review_form #respond { *zoom: 1; position: static; margin: 0; width: auto; padding: 0 0 0; background: transparent none; border: 0; } .woocommerce #review_form #respond:before, .woocommerce #review_form #respond:after { content: " "; display: table; } .woocommerce #review_form #respond:after { clear: both; } .woocommerce #review_form #respond p { margin: 0 0 10px; } .woocommerce #review_form #respond .form-submit input { right: auto; } .woocommerce #review_form #respond textarea { box-sizing: border-box; width: 100%; } .woocommerce p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; } .woocommerce p.stars a:before { display: block; position: absolute; top: 0; right: 0; width: 1em; height: 1em; line-height: 1; font-family: "WooCommerce"; content: "\e021"; text-indent: 0; } .woocommerce p.stars a:hover ~ a:before { content: "\e021"; } .woocommerce p.stars:hover a:before { content: "\e020"; } .woocommerce p.stars.selected a.active:before { content: "\e020"; } .woocommerce p.stars.selected a.active ~ a:before { content: "\e021"; } .woocommerce p.stars.selected a:not(.active):before { content: "\e020"; } .woocommerce 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 { width: 150px; font-weight: 700; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin: 0; line-height: 1.5; } .woocommerce 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.5; } .woocommerce table.shop_attributes td p { margin: 0; padding: 8px 0; } .woocommerce table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th { background: rgba(0, 0, 0, 0.025); } .woocommerce table.shop_table { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0px -1px 24px 0px; text-align: right; width: 100%; border-collapse: collapse; border-radius: 5px; } .woocommerce table.shop_table th { font-weight: 700; padding: 9px 12px; background-color: #333333; } .woocommerce 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 { font-weight: normal; } .woocommerce table.shop_table tbody:first-child tr:first-child th, .woocommerce table.shop_table tbody:first-child tr:first-child td { border-top: 0; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tbody th { font-weight: 700; border-top: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce table.my_account_orders { font-size: 0.85em; } .woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td { padding: 4px 8px; vertical-align: middle; } .woocommerce table.my_account_orders .button { white-space: nowrap; } .woocommerce table.my_account_orders .order-actions { text-align: left; } .woocommerce table.my_account_orders .order-actions .button { margin: .125em .25em .125em 0; } .woocommerce td.product-name dl.variation { margin: .25em 0; *zoom: 1; font-size: 0.85em; } .woocommerce td.product-name dl.variation:before, .woocommerce td.product-name dl.variation:after { content: " "; display: table; } .woocommerce td.product-name dl.variation:after { clear: both; } .woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd { display: inline-block; float: right; margin-bottom: 1em; } .woocommerce td.product-name dl.variation dt { font-weight: 700; padding: 0 0 .25em 0; margin: 0 0 0 4px; clear: right; } .woocommerce td.product-name dl.variation dd { padding: 0 0 .25em 0; } .woocommerce td.product-name dl.variation dd p:last-child { margin-bottom: 0; } .woocommerce td.product-name p.backorder_notification { font-size: 0.83em; } .woocommerce td.product-quantity { min-width: 80px; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { list-style: none outside; padding: 0; margin: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 4px 0; margin: 0; *zoom: 1; list-style: none; } .woocommerce ul.cart_list li:before, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:before, .woocommerce ul.product_list_widget li:after { content: " "; display: table; } .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after { clear: both; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; font-weight: 700; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-right: 4px; width: 32px; height: auto; box-shadow: none; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { margin: 0; padding-right: 1em; border-right: 2px solid rgba(0, 0, 0, 0.1); *zoom: 1; } .woocommerce ul.cart_list li dl:before, .woocommerce ul.cart_list li dl:after, .woocommerce ul.product_list_widget li dl:before, .woocommerce ul.product_list_widget li dl:after { content: " "; display: table; } .woocommerce ul.cart_list li dl:after, .woocommerce ul.product_list_widget li dl:after { clear: both; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dt, .woocommerce ul.product_list_widget li dl dd { display: inline-block; float: right; margin-bottom: 1em; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt { font-weight: 700; padding: 0 0 .25em 0; margin: 0 0 0 4px; clear: right; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd { padding: 0 0 .25em 0; } .woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child { margin-bottom: 0; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { float: none; } .woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total { border-top: 3px double #EBE9EB; padding: 4px 0 0; } .woocommerce.widget_shopping_cart .total strong, .woocommerce .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .woocommerce.widget_shopping_cart .cart_list li, .woocommerce .widget_shopping_cart .cart_list li { padding-right: 2em; position: relative; padding-top: 0; } .woocommerce.widget_shopping_cart .cart_list li:last-child, .woocommerce .widget_shopping_cart .cart_list li:last-child { border: none; padding-bottom: 0; } .woocommerce.widget_shopping_cart .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; right: 0; } .woocommerce.widget_shopping_cart .buttons, .woocommerce .widget_shopping_cart .buttons { *zoom: 1; } .woocommerce.widget_shopping_cart .buttons:before, .woocommerce.widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:before, .woocommerce .widget_shopping_cart .buttons:after { content: " "; display: table; } .woocommerce.widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:after { clear: both; } .woocommerce form .form-row { padding: 3px; margin: 0 0 6px; } .woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; -moz-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } .woocommerce form .form-row label { line-height: 2; } .woocommerce form .form-row label.hidden { visibility: hidden; } .woocommerce form .form-row label.inline { display: inline; } .woocommerce form .form-row select { cursor: pointer; margin: 0; } .woocommerce form .form-row .required { color: red; font-weight: 700; border: 0; } .woocommerce 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 form .form-row textarea { box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: 1; } .woocommerce form .form-row textarea { height: 4em; line-height: 1.5; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .woocommerce form .form-row .select2-container { width: 100%; line-height: 2em; } .woocommerce form .form-row.woocommerce-invalid label { color: #AA0000; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #AA0000; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #69BF29; } .woocommerce form .form-row ::-webkit-input-placeholder { line-height: normal; } .woocommerce form .form-row :-moz-placeholder { line-height: normal; } .woocommerce form .form-row :-ms-input-placeholder { line-height: normal; } .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { border: 1px solid #D3CED2; padding: 20px; margin: 2em 0px 2em 0; text-align: right; border-radius: 5px; } .woocommerce ul#shipping_method { list-style: none outside; margin: 0; padding: 0; } .woocommerce ul#shipping_method li { margin: 0; padding: .25em 22px .25em 0; text-indent: -22px; list-style: none outside; } .woocommerce ul#shipping_method li input { margin: 3px 0.5ex; } .woocommerce ul#shipping_method li label { display: inline; } .woocommerce ul#shipping_method .amount { font-weight: 700; } .woocommerce p.woocommerce-shipping-contents { margin: 0; } .woocommerce .order_details { *zoom: 1; margin: 0 0 1.5em; list-style: none; } .woocommerce .order_details:before, .woocommerce .order_details:after { content: " "; display: table; } .woocommerce .order_details:after { clear: both; } .woocommerce .order_details li { float: right; margin-left: 2em; text-transform: uppercase; font-size: 0.715em; line-height: 1; border-left: 1px dashed #D3CED2; padding-left: 2em; margin-right: 0; padding-right: 0; list-style-type: none; } .woocommerce .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; } .woocommerce .order_details li:last-of-type { border: none; } .woocommerce .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .woocommerce .widget_layered_nav ul li { *zoom: 1; padding: 0 0 1px; list-style: none; } .woocommerce .widget_layered_nav ul li:before, .woocommerce .widget_layered_nav ul li:after { content: " "; display: table; } .woocommerce .widget_layered_nav ul li:after { clear: both; } .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span { padding: 1px 0; } .woocommerce .widget_layered_nav ul li.chosen a:before { font-family: 'WooCommerce'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: .618em; content: ""; text-decoration: none; color: #AA0000; } .woocommerce .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 { float: right; padding: 0 0 1px 1px; list-style: none; } .woocommerce .widget_layered_nav_filters ul li a { text-decoration: none; } .woocommerce .widget_layered_nav_filters ul li a:before { font-family: 'WooCommerce'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: .618em; content: ""; text-decoration: none; color: #AA0000; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 1em; } .woocommerce .widget_price_filter .price_slider_amount { text-align: left; line-height: 2.4; font-size: 0.8751em; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 1.15em; } .woocommerce .widget_price_filter .price_slider_amount .button { float: right; } .woocommerce .widget_price_filter .ui-slider { position: relative; text-align: right; margin-right: .5em; margin-left: .5em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; border-radius: 1em; cursor: ew-resize; outline: none; top: -.3em; margin-right: -.5em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border-radius: 1em; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #EEEEEE; border: 0; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: .5em; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { right: -1px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { left: -1px; } .woocommerce .widget_rating_filter ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .woocommerce .widget_rating_filter ul li { *zoom: 1; padding: 0 0 1px; list-style: none; } .woocommerce .widget_rating_filter ul li:before, .woocommerce .widget_rating_filter ul li:after { content: " "; display: table; } .woocommerce .widget_rating_filter ul li:after { clear: both; } .woocommerce .widget_rating_filter ul li a { padding: 1px 0; text-decoration: none; } .woocommerce .widget_rating_filter ul li .star-rating { float: none; display: inline-block; } .woocommerce .widget_rating_filter ul li.chosen a:before { font-family: 'WooCommerce'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: .618em; content: ""; text-decoration: none; color: #AA0000; } .woocommerce-message, .woocommerce-error, .woocommerce-info { padding: 1em 3.5em 1em 2em !important; margin: 0 0 2em !important; position: relative; background-color: #F7F6F7; color: #515151; border-top: 3px solid #A46497; list-style: none outside !important; *zoom: 1; width: auto; word-wrap: break-word; } .woocommerce-message:before, .woocommerce-message:after, .woocommerce-error:before, .woocommerce-error:after, .woocommerce-info:before, .woocommerce-info:after { content: " "; display: table; } .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after { clear: both; } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { font-family: "WooCommerce"; content: "\e028"; display: inline-block; position: absolute; top: 1em; right: 1.5em; } .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button { float: left; } .woocommerce-message li, .woocommerce-error li, .woocommerce-info li { list-style: none outside !important; padding-right: 0 !important; margin-right: 0 !important; } .woocommerce-message { border-top-color: #8FAE1B; } .woocommerce-message:before { content: "\e015"; color: #8FAE1B; } .woocommerce-info { border-top-color: #1E85BE; } .woocommerce-info:before { color: #1E85BE; } .woocommerce-error { border-top-color: #B81C23; } .woocommerce-error:before { content: "\e016"; color: #B81C23; } /** * Account page */ .woocommerce-account .woocommerce { *zoom: 1; } .woocommerce-account .woocommerce:before, .woocommerce-account .woocommerce:after { content: " "; display: table; } .woocommerce-account .woocommerce:after { clear: both; } .woocommerce-account .addresses .title { *zoom: 1; } .woocommerce-account .addresses .title:before, .woocommerce-account .addresses .title:after { content: " "; display: table; } .woocommerce-account .addresses .title:after { clear: both; } .woocommerce-account .addresses .title h3 { float: right; } .woocommerce-account .addresses .title .edit { float: left; } .woocommerce-account ol.commentlist.notes li.note p.meta { font-weight: 700; margin-bottom: 0; } .woocommerce-account ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } .woocommerce-account ul.digital-downloads { margin-right: 0; padding-right: 0; } .woocommerce-account ul.digital-downloads li { list-style: none; margin-right: 0; padding-right: 0; } .woocommerce-account ul.digital-downloads li:before { font-family: 'WooCommerce'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: .618em; content: ""; text-decoration: none; } .woocommerce-account ul.digital-downloads li .count { float: left; } /** * Cart/checkout page */ .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail, #add_payment_method table.cart .product-thumbnail { min-width: 32px; } .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img, #add_payment_method table.cart img { width: 32px; box-shadow: none; } .woocommerce-cart table.cart th, .woocommerce-cart table.cart td, .woocommerce-checkout table.cart th, .woocommerce-checkout table.cart td, #add_payment_method table.cart th, #add_payment_method table.cart td { vertical-align: middle; } .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, #add_payment_method table.cart td.actions .coupon .input-text { float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #D3CED2; padding: 6px 6px 5px; margin: 0 0 0 4px; outline: 0; line-height: 1; } .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input, #add_payment_method table.cart input { margin: 0; vertical-align: middle; line-height: 1; } .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout, #add_payment_method .wc-proceed-to-checkout { *zoom: 1; padding: 1em 0; } .woocommerce-cart .wc-proceed-to-checkout:before, .woocommerce-cart .wc-proceed-to-checkout:after, .woocommerce-checkout .wc-proceed-to-checkout:before, .woocommerce-checkout .wc-proceed-to-checkout:after, #add_payment_method .wc-proceed-to-checkout:before, #add_payment_method .wc-proceed-to-checkout:after { content: " "; display: table; } .woocommerce-cart .wc-proceed-to-checkout:after, .woocommerce-checkout .wc-proceed-to-checkout:after, #add_payment_method .wc-proceed-to-checkout:after { clear: both; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, #add_payment_method .wc-proceed-to-checkout a.checkout-button { display: block; text-align: center; margin-bottom: 1em; font-size: 1.25em; padding: 1em; } .woocommerce-cart .cart-collaterals .shipping_calculator .button, .woocommerce-checkout .cart-collaterals .shipping_calculator .button, #add_payment_method .cart-collaterals .shipping_calculator .button { width: 100%; float: none; display: block; } .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button:after, #add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button:after { font-family: 'WooCommerce'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; } .woocommerce-cart .cart-collaterals .cart_totals p small, .woocommerce-checkout .cart-collaterals .cart_totals p small, #add_payment_method .cart-collaterals .cart_totals p small { color: #777777; font-size: 0.83em; } .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table, #add_payment_method .cart-collaterals .cart_totals table { border-collapse: collapse; margin: 0 0 6px; padding: 0; } .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, #add_payment_method .cart-collaterals .cart_totals table tr:first-child th, #add_payment_method .cart-collaterals .cart_totals table tr:first-child td { border-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th, #add_payment_method .cart-collaterals .cart_totals table th { width: 40%; background-color: #333333; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th, #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th { vertical-align: top; border-right: 0; border-left: 0; line-height: 1.5em; } .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small, #add_payment_method .cart-collaterals .cart_totals table small { color: #777777; } .woocommerce-cart .cart-collaterals .cart_totals table select, .woocommerce-checkout .cart-collaterals .cart_totals table select, #add_payment_method .cart-collaterals .cart_totals table select { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals .discount td, .woocommerce-checkout .cart-collaterals .cart_totals .discount td, #add_payment_method .cart-collaterals .cart_totals .discount td { color: #77A464; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th { border-top: 1px solid #EBE9EB; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, .woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product, #add_payment_method .cart-collaterals .cross-sells ul.products li.product { margin-top: 0; } .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address, #add_payment_method .checkout .col-2 h3#ship-to-different-address { float: right; clear: none; } .woocommerce-cart .checkout .col-2 .notes, .woocommerce-checkout .checkout .col-2 .notes, #add_payment_method .checkout .col-2 .notes { clear: right; } .woocommerce-cart .checkout .col-2 .form-row-first, .woocommerce-checkout .checkout .col-2 .form-row-first, #add_payment_method .checkout .col-2 .form-row-first { clear: right; } .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small, #add_payment_method .checkout .create-account small { font-size: 11px; color: #777777; font-weight: normal; } .woocommerce-cart .checkout div.shipping-address, .woocommerce-checkout .checkout div.shipping-address, #add_payment_method .checkout div.shipping-address { padding: 0; clear: right; width: 100%; } .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout .checkout .shipping_address, #add_payment_method .checkout .shipping_address { clear: both; } .woocommerce-cart #payment, .woocommerce-checkout #payment, #add_payment_method #payment { background: #F7F7F7; } .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods, #add_payment_method #payment ul.payment_methods { *zoom: 1; text-align: right; padding: 1em; border-bottom: 1px solid #DEDEDE; margin: 0; list-style: none outside; } .woocommerce-cart #payment ul.payment_methods:before, .woocommerce-cart #payment ul.payment_methods:after, .woocommerce-checkout #payment ul.payment_methods:before, .woocommerce-checkout #payment ul.payment_methods:after, #add_payment_method #payment ul.payment_methods:before, #add_payment_method #payment ul.payment_methods:after { content: " "; display: table; } .woocommerce-cart #payment ul.payment_methods:after, .woocommerce-checkout #payment ul.payment_methods:after, #add_payment_method #payment ul.payment_methods:after { clear: both; } .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, #add_payment_method #payment ul.payment_methods li { line-height: 2; text-align: right; margin: 0; font-weight: normal; *zoom: 1; } .woocommerce-cart #payment ul.payment_methods li:before, .woocommerce-cart #payment ul.payment_methods li:after, .woocommerce-checkout #payment ul.payment_methods li:before, .woocommerce-checkout #payment ul.payment_methods li:after, #add_payment_method #payment ul.payment_methods li:before, #add_payment_method #payment ul.payment_methods li:after { content: " "; display: table; } .woocommerce-cart #payment ul.payment_methods li:after, .woocommerce-checkout #payment ul.payment_methods li:after, #add_payment_method #payment ul.payment_methods li:after { clear: both; } .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input, #add_payment_method #payment ul.payment_methods li input { margin: 0 0 0 1em; } .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img, #add_payment_method #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 .5em; padding: 0; position: relative; box-shadow: none; } .woocommerce-cart #payment ul.payment_methods li img + img, .woocommerce-checkout #payment ul.payment_methods li img + img, #add_payment_method #payment ul.payment_methods li img + img { margin-right: 2px; } .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row, #add_payment_method #payment div.form-row { padding: 1em; } .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box, #add_payment_method #payment div.payment_box { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0 1em 0; font-size: 0.92em; border-radius: 2px; line-height: 1.5; background-color: #DFDCDE; color: #515151; } .woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea, #add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea { border-color: #C7C1C6; border-top-color: #BBB3B9; } .woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder, .woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder, #add_payment_method #payment div.payment_box ::-webkit-input-placeholder { color: #BBB3B9; } .woocommerce-cart #payment div.payment_box :-moz-placeholder, .woocommerce-checkout #payment div.payment_box :-moz-placeholder, #add_payment_method #payment div.payment_box :-moz-placeholder { color: #BBB3B9; } .woocommerce-cart #payment div.payment_box :-ms-input-placeholder, .woocommerce-checkout #payment div.payment_box :-ms-input-placeholder, #add_payment_method #payment div.payment_box :-ms-input-placeholder { color: #BBB3B9; } .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods { list-style: none outside; margin: 0; } .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new { margin: 0 0 .5em 0; } .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label { cursor: pointer; } .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput { vertical-align: middle; margin: -3px 1em 0 0; position: relative; } .woocommerce-cart #payment div.payment_box .wc-credit-card-form, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form, #add_payment_method #payment div.payment_box .wc-credit-card-form { border: 0; padding: 0; margin: 1em 0 0; } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc { font-size: 1.5em; padding: 8px; background-repeat: no-repeat; background-position: left .618em center; background-size: 32px 20px; } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa { background-image: url(../images/icons/credit-cards/visa.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard { background-image: url(../images/icons/credit-cards/mastercard.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser { background-image: url(../images/icons/credit-cards/laser.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub { background-image: url(../images/icons/credit-cards/diners.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro { background-image: url(../images/icons/credit-cards/maestro.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb { background-image: url(../images/icons/credit-cards/jcb.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex { background-image: url(../images/icons/credit-cards/amex.svg); } .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover { background-image: url(../images/icons/credit-cards/discover.svg); } .woocommerce-cart #payment div.payment_box span.help, .woocommerce-checkout #payment div.payment_box span.help, #add_payment_method #payment div.payment_box span.help { font-size: .857em; color: #777777; font-weight: normal; } .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row, #add_payment_method #payment div.payment_box .form-row { margin: 0 0 1em; } .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child, #add_payment_method #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before, #add_payment_method #payment div.payment_box:before { content: ""; display: block; border: 1em solid #DFDCDE; /* arrow size / color */ border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; position: absolute; top: -.75em; right: 0; margin: -1em 0 0 2em; } .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal, #add_payment_method #payment .payment_method_paypal .about_paypal { float: left; line-height: 52px; font-size: 0.83em; } .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img, #add_payment_method #payment .payment_method_paypal img { max-height: 52px; vertical-align: middle; } /** * Password strength meter */ .woocommerce-password-strength { text-align: center; font-weight: 600; padding: 3px .5em; font-size: 1em; } .woocommerce-password-strength.strong { background-color: #C1E1B9; border-color: #83C373; } .woocommerce-password-strength.short { background-color: #F1ADAD; border-color: #E35B5B; } .woocommerce-password-strength.bad { background-color: #FBC5A9; border-color: #F78B53; } .woocommerce-password-strength.good { background-color: #FFE399; border-color: #FFC733; } .woocommerce-password-hint { margin: .5em 0 0 0; display: block; } /* added to get around variation image flicker issue */ .product.has-default-attributes.has-children > .images { opacity: 0; } /** * Twenty Eleven specific styles */ #content.twentyeleven .woocommerce-pagination a { font-size: 1em; line-height: 1; } /** * Twenty Thirteen specific styles */ .single-product .twentythirteen .entry-summary, .single-product .twentythirteen #reply-title, .single-product .twentythirteen #respond #commentform { padding: 0; } .single-product .twentythirteen p.stars { clear: both; } .twentythirteen .woocommerce-breadcrumb { padding-top: 40px; } /** * Twenty Fourteen specific styles */ .twentyfourteen ul.products li.product { margin-top: 0 !important; } /** * Twenty Sixteen specific styles */ body:not(.search-results) .twentysixteen .entry-summary { color: inherit; font-size: inherit; line-height: inherit; } .twentysixteen .price ins { background: inherit; color: inherit; } /** * woocommerce-layout.scss * Applies layout to the default WooCommerce frontend design */ /** * Imports */ /** * Deprecated * Fallback for bourbon equivalent */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Vendor prefix no longer required. */ /** * Deprecated * Use bourbon mixin instead `@include transform(scale(1.5));` */ /** * Deprecated * Use bourbon mixin instead `@include box-sizing(border-box);` */ /** * Objects */ /** * WooCommerce CSS Variables */ /** * Styling begins */ .woocommerce, .woocommerce-page { /** * General layout styles */ /** * Product page */ /** * Product loops */ /** * Cart page */ /** * Cart sidebar */ /** * Forms */ } .woocommerce .col2-set, .woocommerce-page .col2-set { *zoom: 1; width: 100%; } .woocommerce .col2-set:before, .woocommerce .col2-set:after, .woocommerce-page .col2-set:before, .woocommerce-page .col2-set:after { content: " "; display: table; } .woocommerce .col2-set:after, .woocommerce-page .col2-set:after { clear: both; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: right; width: 48%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: left; width: 48%; } .woocommerce img, .woocommerce-page img { height: auto; max-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 { float: right; width: 48%; } @media (max-width: 991px) { .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images { width: auto; } } .woocommerce div.product div.thumbnails, .woocommerce #content div.product div.thumbnails, .woocommerce-page div.product div.thumbnails, .woocommerce-page #content div.product div.thumbnails { *zoom: 1; } .woocommerce div.product div.thumbnails:before, .woocommerce div.product div.thumbnails:after, .woocommerce #content div.product div.thumbnails:before, .woocommerce #content div.product div.thumbnails:after, .woocommerce-page div.product div.thumbnails:before, .woocommerce-page div.product div.thumbnails:after, .woocommerce-page #content div.product div.thumbnails:before, .woocommerce-page #content div.product div.thumbnails:after { content: " "; display: table; } .woocommerce div.product div.thumbnails:after, .woocommerce #content div.product div.thumbnails:after, .woocommerce-page div.product div.thumbnails:after, .woocommerce-page #content div.product div.thumbnails:after { clear: both; } .woocommerce div.product div.thumbnails a, .woocommerce #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a { float: right; width: 30.75%; margin-left: 3.8%; margin-bottom: 1em; } .woocommerce div.product div.thumbnails a.last, .woocommerce #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last { margin-left: 0; } .woocommerce div.product div.thumbnails a.first, .woocommerce #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails a.first { clear: both; } .woocommerce div.product div.thumbnails.columns-1 a, .woocommerce #content div.product div.thumbnails.columns-1 a, .woocommerce-page div.product div.thumbnails.columns-1 a, .woocommerce-page #content div.product div.thumbnails.columns-1 a { width: 100%; margin-left: 0; float: none; } .woocommerce div.product div.thumbnails.columns-2 a, .woocommerce #content div.product div.thumbnails.columns-2 a, .woocommerce-page div.product div.thumbnails.columns-2 a, .woocommerce-page #content div.product div.thumbnails.columns-2 a { width: 48%; } .woocommerce div.product div.thumbnails.columns-4 a, .woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a, .woocommerce-page #content div.product div.thumbnails.columns-4 a { width: 22.05%; } .woocommerce div.product div.thumbnails.columns-5 a, .woocommerce #content div.product div.thumbnails.columns-5 a, .woocommerce-page div.product div.thumbnails.columns-5 a, .woocommerce-page #content div.product div.thumbnails.columns-5 a { width: 16.9%; } .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { float: left; width: 48%; } @media (max-width: 991px) { .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: auto; } } .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 { *zoom: 1; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after { content: " "; display: table; } .woocommerce div.product .woocommerce-tabs ul.tabs:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after { clear: both; } .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; } .woocommerce div.product #reviews .comment, .woocommerce #content div.product #reviews .comment, .woocommerce-page div.product #reviews .comment, .woocommerce-page #content div.product #reviews .comment { *zoom: 1; } .woocommerce div.product #reviews .comment:before, .woocommerce div.product #reviews .comment:after, .woocommerce #content div.product #reviews .comment:before, .woocommerce #content div.product #reviews .comment:after, .woocommerce-page div.product #reviews .comment:before, .woocommerce-page div.product #reviews .comment:after, .woocommerce-page #content div.product #reviews .comment:before, .woocommerce-page #content div.product #reviews .comment:after { content: " "; display: table; } .woocommerce div.product #reviews .comment:after, .woocommerce #content div.product #reviews .comment:after, .woocommerce-page div.product #reviews .comment:after, .woocommerce-page #content div.product #reviews .comment:after { clear: both; } .woocommerce div.product #reviews .comment img, .woocommerce #content div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img, .woocommerce-page #content div.product #reviews .comment img { float: left; height: auto; } .woocommerce ul.products, .woocommerce-page ul.products { clear: both; *zoom: 1; display: flex; flex-wrap: wrap; margin: -10px; } .woocommerce ul.products:before, .woocommerce ul.products:after, .woocommerce-page ul.products:before, .woocommerce-page ul.products:after { content: " "; display: table; } .woocommerce ul.products:after, .woocommerce-page ul.products:after { clear: both; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { position: relative; flex: 0 1 auto; padding: 10px; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: right; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: left; } @media (max-width: 991px) { .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { width: 100%; } } .woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers { *zoom: 1; } .woocommerce .woocommerce-pagination ul.page-numbers:before, .woocommerce .woocommerce-pagination ul.page-numbers:after, .woocommerce-page .woocommerce-pagination ul.page-numbers:before, .woocommerce-page .woocommerce-pagination ul.page-numbers:after { content: " "; display: table; } .woocommerce .woocommerce-pagination ul.page-numbers:after, .woocommerce-page .woocommerce-pagination ul.page-numbers:after { clear: both; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; } .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { height: auto; } .woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { text-align: left; } .woocommerce table.cart td.actions .input-text, .woocommerce #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text { width: 80px; } .woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon { float: right; } .woocommerce table.cart td.actions .coupon 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 .cart-collaterals, .woocommerce-page .cart-collaterals { *zoom: 1; width: 100%; } .woocommerce .cart-collaterals:before, .woocommerce .cart-collaterals:after, .woocommerce-page .cart-collaterals:before, .woocommerce-page .cart-collaterals:after { content: " "; display: table; } .woocommerce .cart-collaterals:after, .woocommerce-page .cart-collaterals:after { clear: both; } .woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related { width: 30.75%; float: right; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 48%; float: right; } .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%; *zoom: 1; clear: left; float: left; } .woocommerce .cart-collaterals .shipping_calculator:before, .woocommerce .cart-collaterals .shipping_calculator:after, .woocommerce-page .cart-collaterals .shipping_calculator:before, .woocommerce-page .cart-collaterals .shipping_calculator:after { content: " "; display: table; } .woocommerce .cart-collaterals .shipping_calculator:after, .woocommerce-page .cart-collaterals .shipping_calculator:after { clear: both; } .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: left; width: 48%; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { *zoom: 1; padding: 0 0 12px 0; margin: 0 0 12px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .woocommerce ul.cart_list li:before, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:before, .woocommerce ul.product_list_widget li:after, .woocommerce-page ul.cart_list li:before, .woocommerce-page ul.cart_list li:after, .woocommerce-page ul.product_list_widget li:before, .woocommerce-page ul.product_list_widget li:after { content: " "; display: table; } .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after, .woocommerce-page ul.cart_list li:after, .woocommerce-page ul.product_list_widget li:after { clear: both; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { float: left; height: auto; } .woocommerce form .form-row, .woocommerce-page form .form-row { *zoom: 1; } .woocommerce form .form-row:before, .woocommerce form .form-row:after, .woocommerce-page form .form-row:before, .woocommerce-page form .form-row:after { content: " "; display: table; } .woocommerce form .form-row:after, .woocommerce-page form .form-row:after { clear: both; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block; } .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { display: inline; } .woocommerce form .form-row select, .woocommerce-page form .form-row select { width: 100%; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { box-sizing: border-box; width: 100%; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: right; width: 47%; overflow: visible; } .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: left; } .woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { clear: both; } .woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select { width: auto; } .woocommerce #payment .wc-terms-and-conditions, .woocommerce #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms { text-align: right; padding: 0 0 0 1em; float: right; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: left; } .woocommerce-account .woocommerce-MyAccount-navigation { float: right; width: 30%; } .woocommerce-account .woocommerce-MyAccount-content { float: left; width: 68%; } /** * Twenty Eleven specific styles */ .woocommerce-page.right-sidebar #content.twentyeleven { width: 58.4%; margin: 0 7.6%; float: left; } .woocommerce-page.left-sidebar #content.twentyeleven { margin: 0 7.6%; width: 58.4%; float: right; } /** * Twenty Fourteen specific styles */ .twentyfourteen .tfwc { padding: 12px 10px 0; max-width: 474px; margin: 0 auto; } .twentyfourteen .tfwc .product .entry-summary { padding: 0 !important; margin: 0 0 1.618em !important; } .twentyfourteen .tfwc div.product.hentry.has-post-thumbnail { margin-top: 0; } .twentyfourteen .tfwc .product .images img { margin-bottom: 1em; } @media screen and (min-width: 673px) { .twentyfourteen .tfwc { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1040px) { .twentyfourteen .tfwc { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 1110px) { .twentyfourteen .tfwc { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1218px) { .twentyfourteen .tfwc { margin-left: 54px; } .full-width .twentyfourteen .tfwc { margin-left: auto; } } /** * Twenty Fifteen specific styles */ .twentyfifteen .t15wc { padding-right: 7.6923%; padding-left: 7.6923%; padding-top: 7.6923%; margin-bottom: 7.6923%; background: #FFFFFF; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); } .twentyfifteen .t15wc .page-title { margin-right: 0; } @media screen and (min-width: 38.75em) { .twentyfifteen .t15wc { margin-left: 7.6923%; margin-right: 7.6923%; margin-top: 8.3333%; } } @media screen and (min-width: 59.6875em) { .twentyfifteen .t15wc { margin-right: 8.3333%; margin-left: 8.3333%; padding: 10%; } .single-product .twentyfifteen .entry-summary { padding: 0 !important; } } /** * Twenty Sixteen specific styles */ .twentysixteen .site-main { margin-left: 7.6923%; margin-right: 7.6923%; } .twentysixteen .entry-summary { margin-left: 0; margin-right: 0; } #content .twentysixteen div.product div.images, #content .twentysixteen div.product div.summary { width: 46.42857%; } @media screen and (min-width: 44.375em) { .twentysixteen .site-main { margin-left: 23.0769%; } } @media screen and (min-width: 56.875em) { .twentysixteen .site-main { margin-left: 0; margin-right: 0; } .no-sidebar .twentysixteen .site-main { margin-left: 15%; margin-right: 15%; } .no-sidebar .twentysixteen .entry-summary { margin-left: 0; margin-right: 0; } } /** * RTL styles. */ .rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 { float: left; } .rtl .woocommerce .col2-set .col-2, .rtl .woocommerce-page .col2-set .col-2 { float: right; } .rtl .woocommerce form .form-row-first, .rtl .woocommerce form .form-row-last, .rtl .woocommerce-page form .form-row-first, .rtl .woocommerce-page form .form-row-last { float: left; } .rtl .woocommerce form .form-row-last, .rtl .woocommerce-page form .form-row-last { float: right; } /*////////////////////////////////////// // Page Description //////////////////////////////////////*/ .woocommerce .page-description { padding-bottom: 24px; margin-bottom: 48px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-bottom-style: solid !important; } /*////////////////////////////////////// // Product //////////////////////////////////////*/ .vw-product-tagline { margin-bottom: 24px; font-size: 0.9em; font-style: italic; line-height: 1.4em; opacity: 0.7; } /** * Product listing */ @media (max-width: 479px) { .vw-content-area--right-sidebar .products ul li.product, .vw-content-area--right-sidebar ul.products li.product, .vw-content-area--left-sidebar .products ul li.product, .vw-content-area--left-sidebar ul.products li.product { flex-grow: 1; } } @media (min-width: 480px) { .vw-content-area--right-sidebar .products ul li.product, .vw-content-area--right-sidebar ul.products li.product, .vw-content-area--left-sidebar .products ul li.product, .vw-content-area--left-sidebar ul.products li.product { width: 50%; } } @media (min-width: 992px) { .vw-content-area--right-sidebar .products ul li.product, .vw-content-area--right-sidebar ul.products li.product, .vw-content-area--left-sidebar .products ul li.product, .vw-content-area--left-sidebar ul.products li.product { width: 33.3333333333%; } } @media (min-width: 768px) { .vw-content-area--none-sidebar .products ul li.product, .vw-content-area--none-sidebar ul.products li.product, .cross-sells.products .products ul li.product, .cross-sells.products ul.products li.product, .related.products .products ul li.product, .related.products ul.products li.product { width: 50%; } } @media (min-width: 992px) { .vw-content-area--none-sidebar .products ul li.product, .vw-content-area--none-sidebar ul.products li.product, .cross-sells.products .products ul li.product, .cross-sells.products ul.products li.product, .related.products .products ul li.product, .related.products ul.products li.product { width: 25%; } } /*////////////////////////////////////// // Border //////////////////////////////////////*/ nav.woocommerce-pagination, .woocommerce .related, .woocommerce-page .related, .woocommerce .upsells.products, .woocommerce-page .upsells.products { padding-top: 48px; margin-top: 48px; border-top: 6px solid #333333; border-top-style: solid !important; } /*////////////////////////////////////// // Product Meta //////////////////////////////////////*/ .woocommerce .product_meta { font-size: 12px; } .woocommerce .product_meta * { font-weight: normal; } .woocommerce .product_meta > span { display: block; padding: 6px; font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .woocommerce .product_meta > span:first-child { border-top: 1px solid rgba(0, 0, 0, 0.05); } /*////////////////////////////////////// // Reviews //////////////////////////////////////*/ p.cart-empty, .woocommerce-noreviews { font-style: italic; font-size: 0.9em; opacity: 0.7; } /*////////////////////////////////////// // Customer Details //////////////////////////////////////*/ .woocommerce-order-received .woocommerce h2, .woocommerce-order-received .woocommerce h3 { margin-bottom: 24px !important; } /*////////////////////////////////////// // Breadcrumb //////////////////////////////////////*/ .vw-woo-breadcrumb { margin-bottom: 24px; font-size: 12px; } .vw-woo-breadcrumb span { margin: 0 0.25em; color: #999999; } /*////////////////////////////////////// // product_list_widget //////////////////////////////////////*/ .product_list_widget li img { width: 48px !important; } .product_list_widget li .reviewer, .product_list_widget li .amount { font-size: 0.9em; } .product_list_widget li del { opacity: 0.6; } .product_list_widget li .star-rating { margin-top: 2px; margin-bottom: 6px; font-size: 12px; } /*////////////////////////////////////// // Small button //////////////////////////////////////*/ .woocommerce .widget_shopping_cart_content .button, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce ul.products li.product .button { padding: 5px 16px; font-size: 12px; } /*////////////////////////////////////// // Accent Color //////////////////////////////////////*/ .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #3FACD6; }