/* = Woocommerce ----------------------------------------------------*/ .woocommerce, .woocommerce-page { &.penci-loop-shop-column-4, &.penci-loop-shop-column-3 { ul.products{ margin:0 -10px; li.product{ width: 25%; padding-left: 10px; padding-right: 10px; margin :0 0 30px; position: relative; } } } &.penci-loop-shop-column-4 { ul.products{ li.product{ width: 25%; &:nth-child( 4n + 1 ) { clear: both; } } } } &.penci-loop-shop-column-3 { ul.products{ li.product{ width: 33.33333%; &:nth-child( 3n + 1 ) { clear: both; } } } } } .woocommerce { .penci-archive__content .penci-post-item .entry-title { font-size: 30px; } .penci-woo-breadcrumb { margin-top: -6px; margin-bottom: 1px; } &.single .penci-woo-breadcrumb { margin-bottom: 14px; } .page-title { @include font-size( 3 ); line-height: 1.2; color: #111111; margin-top: 9px; margin-bottom: 15px; text-transform: uppercase; } .page-description { margin: -10px 0 22px; } .woocommerce-ordering, .woocommerce-result-count { margin: 0 0 30px; color: #888; } .woocommerce-ordering select { padding: 5px; outline: none; } span.onsale { min-width: 50px; min-height: 25px; height: 25px; line-height: 26px; left: 10px; top: 10px; background: $color__dark; text-align: center; padding: 0 10px; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; white-space: nowrap; } ul.products li.product { .onsale { margin: 0; left: auto; right: 20px; top: 10px; } h3, .woocommerce-loop-product__title { font-size: 18px; text-align: center; padding: 0; margin: 0; color: #313131; letter-spacing: 0; } a img { margin-bottom: 15px; } } .products .star-rating { margin: 0; position: absolute; top: 16px; left: 20px; z-index: 5; } .star-rating span { color: #FFCA00; } ul.products li.product .price { margin: 2px 0 0; text-align: center; del { display: inline-block; font-size: 16px; color: #ccc; margin-right: 10px; opacity: 1; } ins { font-size: 18px; color: $color__blue; text-decoration: none; font-weight: normal; } font-size: 18px; color: $color__blue; text-decoration: none; font-weight: normal; } #respond input#submit, a.button, button.button, input.button { text-transform: uppercase; font-weight: bold; background-color: $color__dark; border-radius: 0; font-size: 12px; color: $color__white; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; text-align: center; margin: 0; padding: 10px 15px 9px; border: none; outline: none; min-width: 90px; } .woocommerce-MyAccount-content .woocommerce-message .button{ padding: 0 15px 0; } ul.products li.product .button { font-size: 14px; font-weight: bold; margin-top: 15px; display: block; font-family: $font__main; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; text-align: center; text-transform: uppercase; padding: 0; height: 36px; line-height: 36px; border: 0; } a.added_to_cart { display: none !important; } #respond input#submit.loading:after, a.button.loading:after, button.button.loading:after, input.button.loading:after { top: auto; right: auto; margin-left: 5px; } #respond input#submit:hover, a.button:hover, button.button:hover, input.button:hover { background: $color__blue; color: #fff; } } .woocommerce-pagination { padding-bottom: 20px; overflow: hidden; clear: both; text-align: center; font-size: 14px; font-weight: bold; } .woocommerce { nav.woocommerce-pagination ul { list-style: none; display: inline-block; vertical-align: top; border: none; white-space: normal; margin: 0; li { display: inline-block; float: left; margin-right: 10px; border: none; } } .woocommerce-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; border: none; } } .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; border: none; } .woocommerce { nav.woocommerce-pagination ul > li:last-child, .woocommerce-pagination ul.page-numbers li:last-child { margin-right: 0; } } .woocommerce-page .woocommerce-pagination ul.page-numbers li:last-child { margin-right: 0; } .woocommerce { nav.woocommerce-pagination ul li { a, span { padding: 0; min-width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; font-weight: bold; display: inline-block; border: 1px solid $color__dark; color: $color__dark; margin: 0; text-decoration: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; box-sizing: border-box; } a { &:focus, &:hover { text-decoration: none; color: $color__white; border-color: $color__blue; background: $color__blue; } } span.current { color: $color__white; border-color: $color__blue; background: $color__blue; text-decoration: none; } } #content div.product div.images, div.product div.images { width: 48.7197%; } } .woocommerce-page { #content div.product div.images, div.product div.images { width: 48.7197%; } } .woocommerce { #content div.product div.summary, div.product div.summary { width: 48.7197%; margin-top: 0; } } .woocommerce-page { #content div.product div.summary, div.product div.summary { width: 48.7197%; margin-top: 0; } } .woocommerce { div.product div { &.images{ margin-bottom: 0; } &.summary { margin-bottom: 40px; } } .penci_sidebar { #content div.product div.images, div.product div.images { width: 48.078%; } } } .woocommerce-page .penci_sidebar { #content div.product div.images, div.product div.images { width: 48.078%; } } .woocommerce:not( .no-sidebar ) { #content div.product div.summary, div.product div.summary { width: 48.078%; } } .woocommerce-page .penci_sidebar { #content div.product div.summary, div.product div.summary { width: 48.078%; } } .woocommerce { div.product div.images { div.thumbnails, .flex-control-thumbs { padding-top: 30px; } } #content div.product div.thumbnails a, div.product div.thumbnails a { width: 21.0625%; margin-right: 5.25%; margin-bottom: 5.25%; } } .woocommerce-page { #content div.product div.thumbnails a, div.product div.thumbnails a { width: 21.0625%; margin-right: 5.25%; margin-bottom: 5.25%; } } .woocommerce { #content div.product div.thumbnails a.last, div.product div.thumbnails a.last { width: 21.0625%; margin-right: 5.25%; margin-bottom: 5.25%; } } .woocommerce-page { #content div.product div.thumbnails a.last, div.product div.thumbnails a.last { width: 21.0625%; margin-right: 5.25%; margin-bottom: 5.25%; } } .woocommerce div.product div.images { .flex-control-thumbs li, .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { width: 21.0625%; margin-right: 5.25%; margin-bottom: 5.25%; } } .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { width: 21.0625%; } .woocommerce { #content div.product div.thumbnails a.first, div.product div.thumbnails a.first { clear: none; } } .woocommerce-page { #content div.product div.thumbnails a.first, div.product div.thumbnails a.first { clear: none; } } .woocommerce { #content div.product div.thumbnails a:nth-child(4n+4), div.product div.thumbnails a:nth-child(4n+4) { margin-right: 0; } } .woocommerce-page { #content div.product div.thumbnails a:nth-child(4n+4), div.product div.thumbnails a:nth-child(4n+4) { margin-right: 0; } } .woocommerce { div.product div.images { .flex-control-thumbs li:nth-child(4n+4), .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(4n+5) { margin-right: 0; } } #content div.product div.thumbnails a:nth-child(4n+1), div.product div.thumbnails a:nth-child(4n+1) { clear: both; } } .woocommerce-page { #content div.product div.thumbnails a:nth-child(4n+1), div.product div.thumbnails a:nth-child(4n+1) { clear: both; } } .woocommerce div.product { div.images { .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { &:nth-child(4n+2) { clear: both; } &:first-child { width: 100%; margin-right: 0; margin-bottom: 30px; } } .woocommerce-product-gallery__trigger { &:before { width: 7px; height: 7px; top: 11px; left: 11px; } &:after { top: 18px; left: 22px; } } } .product_title { font-size: 30px; color: #313131; line-height: 1.2; margin-top: -4px; margin-bottom: 6px; } } a.woocommerce-review-link { font-size: 14px; color: #888; } .woocommerce div.product { .woocommerce-product-rating { margin-bottom: 8px; } p.price { margin-bottom: 12px; ins { font-weight: normal; text-decoration: none; font-size: 18px; color: $color__blue; } } span.price ins, p.price, span.price { font-weight: normal; text-decoration: none; font-size: 18px; color: $color__blue; } .entry-summary { span.price ins, p.price, span.price { font-size: 24px; } } p.price del, span.price del { display: inline-block; font-size: 16px; color: #ccc; margin-right: 10px; opacity: 1; } .entry-summary div[itemprop="description"] { position: relative; padding-top: 12px; margin-bottom: 24px; &:before { content: ""; width: 45px; height: 1px; position: absolute; top: 0; left: 0; background: $color__blue; } } .woocommerce-tabs #tab-description #tab-description { display: block !important; } div[itemprop="description"] .entry-summary p:last-child, .woocommerce-tabs #tab-description > p:last-child { margin-bottom: 0; } div[itemprop="description"] .entry-summary img, .woocommerce-tabs #tab-description img { max-width: 100%; height: auto; } div[itemprop="description"] a:hover, .woocommerce-tabs #tab-description a:hover { text-decoration: underline; } .entry-summary div[itemprop="description"] { h1, h2, h3, h4, h5, h6, hr { margin-bottom: 17px; } } .woocommerce-tabs #tab-description { h1, h2, h3, h4, h5, h6, hr { margin-bottom: 7px; } } } .woocommerce-product-details__short-description { h1, h2, h3, h4, h5, h6, hr { margin-bottom: 17px; } } .woocommerce div.product { div[itemprop="description"] p, .woocommerce-tabs #tab-description p { margin-bottom: 17px; } } .woocommerce-product-details__short-description p { margin-bottom: 17px; } .woocommerce div.product { .entry-summary div[itemprop="description"] { h1, h2, h3, h4, h5, h6 { color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; } } .woocommerce-tabs #tab-description { h1, h2, h3, h4, h5, h6 { color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; } } } .woocommerce-product-details__short-description { h1, h2, h3, h4, h5, h6 { color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; } } .woocommerce div.product { .entry-summary div[itemprop="description"] h1, .woocommerce-tabs #tab-description h1 { font-size: 20px; } } .woocommerce-product-details__short-description h1 { font-size: 20px; } .woocommerce div.product { .entry-summary div[itemprop="description"] h2, .woocommerce-tabs #tab-description h2 { font-size: 18px; margin-top: 0; } } .woocommerce-product-details__short-description h2 { font-size: 18px; } .woocommerce div.product { .entry-summary div[itemprop="description"] h3, .woocommerce-tabs #tab-description h3 { font-size: 17px; } } .woocommerce-product-details__short-description h3 { font-size: 17px; } .woocommerce div.product { .entry-summary div[itemprop="description"] h4, .woocommerce-tabs #tab-description h4 { font-size: 16px; } } .woocommerce-product-details__short-description h4 { font-size: 16px; } .woocommerce div.product { .entry-summary div[itemprop="description"] h5, .woocommerce-tabs #tab-description h5 { font-size: 15px; } } .woocommerce-product-details__short-description h5 { font-size: 15px; } .woocommerce div.product { .entry-summary div[itemprop="description"] h6, .woocommerce-tabs #tab-description h6 { font-size: 14px; } } .woocommerce-product-details__short-description h6 { font-size: 14px; } .woocommerce div.product { .entry-summary div[itemprop="description"] hr, .woocommerce-tabs #tab-description hr { border: 0; height: 0; border-bottom: 1px solid $color__border; clear: both; } } .woocommerce-product-details__short-description hr { border: 0; height: 0; border-bottom: 1px solid $color__border; clear: both; } .woocommerce div.product { .entry-summary div[itemprop="description"] blockquote, .woocommerce-tabs #tab-description blockquote { padding: 0; position: relative; margin: 0 0 20px 0; } } .woocommerce-product-details__short-description blockquote { padding: 0; position: relative; margin: 0 0 20px 0; } .woocommerce div.product { .entry-summary div[itemprop="description"] blockquote, .woocommerce-tabs #tab-description blockquote, .entry-summary div[itemprop="description"] blockquote p, .woocommerce-tabs #tab-description blockquote p { font-size: 16px; color: #888; font-style: italic; line-height: 1.7; text-align: left; } } .woocommerce-product-details__short-description blockquote { font-size: 16px; color: #888; font-style: italic; line-height: 1.7; text-align: left; p { font-size: 16px; color: #888; font-style: italic; line-height: 1.7; text-align: left; } } .woocommerce div.product { .entry-summary div[itemprop="description"] blockquote p, .woocommerce-tabs #tab-description blockquote p { margin: 0; } } .woocommerce-product-details__short-description blockquote p { margin: 0; } .woocommerce div.product { .entry-summary div[itemprop="description"] blockquote, .woocommerce-tabs #tab-description blockquote { position: relative; padding: 0 0 0 46px; border: none !important; overflow: hidden; } } .woocommerce-product-details__short-description blockquote { position: relative; padding: 0 0 0 46px; border: none !important; overflow: hidden; } .woocommerce div.product { .entry-summary div[itemprop="description"] blockquote:before, .woocommerce-tabs #tab-description blockquote:before { color: $color__blue; content: '“'; font-family: 'Playfair Display SC', serif; font-size: 64px; font-weight: 900; line-height: 1; font-style: normal; position: absolute; top: -4px; left: 0; } } .woocommerce-product-details__short-description blockquote:before { color: $color__blue; content: '“'; font-family: 'Playfair Display SC', serif; font-size: 64px; font-weight: 900; line-height: 1; font-style: normal; position: absolute; top: -4px; left: 0; } .woocommerce div.product { .entry-summary div[itemprop="description"] blockquote { cite, .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: $color__blue; font-style: normal; font-family: $font__main; font-weight: bold; overflow: hidden; text-align: left; position: relative; z-index: 1; } } .woocommerce-tabs #tab-description blockquote { cite, .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: $color__blue; font-style: normal; font-family: $font__main; font-weight: bold; overflow: hidden; text-align: left; position: relative; z-index: 1; } } } .woocommerce-product-details__short-description blockquote { cite, .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: $color__blue; font-style: normal; font-family: $font__main; font-weight: bold; overflow: hidden; text-align: left; position: relative; z-index: 1; } } .woocommerce div.product { .entry-summary div[itemprop="description"] blockquote .author span, .woocommerce-tabs #tab-description blockquote .author span { position: relative; display: inline-block; padding: 0 10px 0 0; } } .woocommerce-product-details__short-description blockquote .author span { position: relative; display: inline-block; padding: 0 10px 0 0; } .woocommerce div.product { .entry-summary div[itemprop="description"] blockquote .author span:after, .woocommerce-tabs #tab-description blockquote .author span:after { content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: $color__blue; left: 100%; opacity: 0.8; } } .woocommerce-product-details__short-description blockquote .author span:after { content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: $color__blue; left: 100%; opacity: 0.8; } .woocommerce div.product { .entry-summary div[itemprop="description"] { ul, ol { padding-left: 50px; margin-bottom: 20px; } } .woocommerce-tabs #tab-description { ul, ol { padding-left: 50px; margin-bottom: 20px; } } } .woocommerce-product-details__short-description { ul, ol { padding-left: 50px; margin-bottom: 20px; } } .woocommerce div.product { .entry-summary div[itemprop="description"] ul ul, .woocommerce-tabs #tab-description ul ul { margin: 2px 0; padding-left: 22px; } } .woocommerce-product-details__short-description ul ul { margin: 2px 0; padding-left: 22px; } .woocommerce div.product { .entry-summary div[itemprop="description"] ol ol, .woocommerce-tabs #tab-description ol ol { margin: 2px 0; padding-left: 32px; } } .woocommerce-product-details__short-description ol ol { margin: 2px 0; padding-left: 32px; } .woocommerce div.product { .entry-summary div[itemprop="description"] ul li, .woocommerce-tabs #tab-description ul li { margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } } .woocommerce-product-details__short-description ul li { margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } .woocommerce div.product { .entry-summary div[itemprop="description"] ol li, .woocommerce-tabs #tab-description ol li { margin-bottom: 2px; list-style: decimal; } } .woocommerce-product-details__short-description ol li { margin-bottom: 2px; list-style: decimal; } .woocommerce div.product { .entry-summary div[itemprop="description"] table, .woocommerce-tabs #tab-description table { width: 100%; margin-bottom: 22px; border-collapse: collapse; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; } } .woocommerce-product-details__short-description table { width: 100%; margin-bottom: 22px; border-collapse: collapse; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; } .woocommerce div.product { .entry-summary div[itemprop="description"] { td, th { padding: 12px; border-bottom: 1px #e9e9e9 solid; } } .woocommerce-tabs #tab-description { td, th { padding: 12px; border-bottom: 1px #e9e9e9 solid; } } } .woocommerce-product-details__short-description td, .woocommerce-product-details__short-description th { padding: 12px; border-bottom: 1px #e9e9e9 solid; } .woocommerce div.product { .entry-summary div[itemprop="description"] th, .woocommerce-tabs #tab-description th { font-weight: bold; font-size: 14px; background: #f5f5f5; } } .woocommerce-product-details__short-description th { font-weight: bold; font-size: 14px; background: #f5f5f5; } .woocommerce div.product { .entry-summary div[itemprop="description"] tr:hover, .woocommerce-tabs #tab-description tr:hover { background: #ffffff; } } .woocommerce-product-details__short-description tr:hover { background: #ffffff; } .woocommerce { #respond input#submit.alt, a.button.alt, button.button.alt, input.button.alt { border: none; line-height: 36px; padding: 0 15px 0; min-width: 150px; background: #313131; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-size: 13px; } #respond input#submit.alt:hover, a.button.alt:hover, button.button.alt:hover, input.button.alt:hover { background: $color__blue; color: #fff; } div.product { form.cart { margin-bottom: 10px; } p { &.cart { margin-bottom: 30px; } &.out-of-stock { font-size: 18px; } } form.cart div.quantity { margin-right: 20px; margin-bottom: 10px; } } .quantity .qty { padding: 5px 5px; width: 60px; line-height: 24px; outline: none; border: 1px solid #313131; font-size: 18px; font-weight: bold; } div.product { .product_meta { padding-top: 15px; border-top: 1px solid $color__border; > span { display: block; color: #888; font-size: 14px; margin-bottom: 8px; a { color: #888; &:hover { color: $color__blue; } } } } .woocommerce-tabs { ul.tabs { padding: 0 0 2px 0; margin: 0 0 20px 0; text-align: center; border-bottom: 1px solid $color__border; &:before { content: none !important; display: none !important; } li { &:after, &:before { content: none; display: none; } background: none; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin: 0; padding: 0 20px; a { padding: 5px 0; font-family: $font__main; font-size: 14px; color: #313131; text-transform: uppercase; font-weight: bold; &:hover { color: #888888; } } &.active { background: none; border: none; color: $color__blue; } } } .panel { margin-bottom: 30px; > h2:first-child, #reviews #comments h2 { font-size: 18px; color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; margin-top: 0; margin-bottom: 17px; text-transform: uppercase; font-weight: 600; text-align: left; display: block; } #respond { h3.comment-reply-title { font-size: 18px; color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; margin-bottom: 17px; text-transform: uppercase; font-weight: bold; text-align: left; display: block; } .comment-reply-title { font-size: 18px; color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; margin-bottom: 17px; text-transform: uppercase; font-weight: bold; text-align: left; display: block; margin-top: 24px; font-family: $font__main; } } } } form.comment-form .comment-form-rating { margin-bottom: 15px !important; } .related > h2, .upsells > h2 { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; font-family: $font__main; font-weight: bold; color: #313131; position: relative; z-index: 10; display: block; padding: 0; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid $color__border; } .related ul.products li.product{ margin-bottom: 20px; } form.cart .variations { td.label { padding-bottom: 15px; } select { margin-bottom: 15px; padding: 4px 10px; } } p.stock { font-size: 100%; margin-bottom: 20px; } .woocommerce-tabs .panel #respond p { &.comment-form-author, &.comment-form-email, &.comment-form-url { width: 100%; max-width: 374px; padding: 0; float: none; } &.comment-form-email{ display:block; } } } #review_form #respond textarea { margin: 0; } div.product .woocommerce-tabs .panel #respond p { &.comment-form-author input, &.comment-form-email input, &.comment-form-url input { margin: 0; } } #review_form #respond p.form-submit { margin-bottom: 0; margin-top: 20px; text-align: left; input[type="submit"] { padding: 0 15px; font-size: 14px; } } .comment-form p.stars a { color: #313131; &:hover { color: #FFCA00; } } #reviews #comments ol.commentlist li { img.avatar { width: 60px; border: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 0; background: none; } .comment-text { margin-left: 80px; border: 1px solid $color__border; padding: 12px 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; .meta { margin-bottom: 9px; color: #888888; font-size: 14px; } p.meta { font-size: 13px; } .meta strong { font-size: 14px; color: #313131; text-transform: uppercase; font-family: $font__main; } div[itemprop="description"] > p:last-child { margin: 0; } } } .woocommerce-error, .woocommerce-info, .woocommerce-message { background: transparent; border: 1px solid $color__border; border-top: 3px solid $color__blue; margin-bottom: 30px !important; } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { top: 1em; margin-top: 3px; } ul { &.cart_list li, &.product_list_widget li { padding: 0 0 15px 0; margin: 0 0 15px; border-bottom: 1px solid $color__border; } } .widget_shopping_cart .cart_list li, &.widget_shopping_cart .cart_list li { padding-left: 0; } ul { &.cart_list li:last-child, &.product_list_widget li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } } .widget_shopping_cart .total, &.widget_shopping_cart .total { margin-top: 20px; padding-top: 15px; font-size: 16px; } .widget_shopping_cart p.buttons, &.widget_shopping_cart p.buttons { margin-top: 15px; margin-bottom: 0; } .widget_shopping_cart p.buttons a, &.widget_shopping_cart p.buttons a, .widget_price_filter .price_slider_amount .button { color: #fff; background: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-size: 12px; } .widget_shopping_cart p.buttons a.checkout, &.widget_shopping_cart p.buttons a.checkout { margin-left: 16px; } .widget_shopping_cart p.buttons a:hover, &.widget_shopping_cart p.buttons a:hover, .widget_price_filter .price_slider_amount .button:hover, div.product form.cart .button:hover { opacity: 0.8; background: #313131; color: #fff; text-decoration: none; } ul { &.cart_list li a, &.product_list_widget li a { font-size: 16px; font-weight: bold; margin-bottom: 10px; text-decoration: none; font-family: $font__main; } &.cart_list li img, &.product_list_widget li img { width: 90px; margin: 0 20px 0 0; float: left; } &.cart_list li .amount, &.product_list_widget li .amount { font-size: 18px; color: $color__blue; text-decoration: none; } &.cart_list li del .amount { font-size: 16px; color: #ccc; margin-right: 5px; } &.product_list_widget li { del .amount { font-size: 16px; color: #ccc; margin-right: 5px; } ins { text-decoration: none; } } &.cart_list li .star-rating, &.product_list_widget li .star-rating { margin-bottom: 10px; } } .widget_shopping_cart .cart_list li a.remove, &.widget_shopping_cart .cart_list li a.remove { font-size: 24px; width: 24px; height: 24px; background: none !important; color: #ff0000 !important; border: 1px solid #ccc; line-height: 20px; text-align: center; margin-top: 5px; padding-top: 2px; margin-left: 5px; } .widget_price_filter { .ui-slider-horizontal { height: 6px; margin-bottom: 20px; } .ui-slider { .ui-slider-range { background-color: #ececec; } .ui-slider-handle { background-color: #313131; width: 18px; height: 18px; top: -6px; } } .price_slider_wrapper .ui-widget-content { background-color: #888; } .price_label { color: #888; font-size: 14px; } } .woocommerce-product-search { .screen-reader-text { display: none; } input { &[type="submit"] { display: none; } &[type="search"] { border: 1px solid #e9e9e9; background: url(images/searchsubmit.png) no-repeat 94% 11px; color: #313131; width: 100%; } } } table.shop_table { border-collapse: collapse; margin: 0 0 27px 0; th { padding: 9px 12px; font-weight: bold; text-transform: uppercase; color: #313131; background: none; font-size: 14px; font-family: $font__main; } td { padding: 10px; border-color: $color__border; border-bottom: none; } } } .woocommerce-cart table.cart{ text-align: center; th, td { text-align: center; } img { width: 80px; } } .woocommerce table.shop_table { a.remove { width: 30px; height: 30px; border: 1px solid $color__border; color: $color__border !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none !important; line-height: 28px; font-size: 26px; text-decoration: none; margin-left: auto; margin-right: auto; &:hover { color: #ff0000 !important; } } td { &.product-name a { font-size: 16px; font-family: $font__main; font-weight: bold; color: #313131; text-decoration: none; &:hover { color: $color__blue; } } &.product-price span, &.product-subtotal span { font-size: 18px; } } } .woocommerce-cart { table.cart { td.actions .coupon .input-text { border: 1px solid $color__border; padding: 10px 15px; font-size: 12px; color: #313131; min-width: 150px; margin-right: 20px; } input[type="submit"] { padding: 0 15px; line-height: 36px; height: 36px; font-size: 13px; background: #313131; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } } .woocommerce input.button[name="update_cart"] { color: #ffffff; background: #313131; opacity: 1; padding: 0 15px; line-height: 36px; height: 36px; &:hover { background: #313131; color: #fff; opacity: 0.8; } } table.cart input[type="submit"]:hover { background: #313131; color: #fff; opacity: 0.8; } } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { font-size: 16px; text-transform: uppercase; margin-bottom: 15px; color: $color__dark; } .woocommerce-cart .cart-collaterals .cart_totals { table { border-collapse: collapse; border: 1px solid $color__border; padding: 0 30px; td, th { background: none; padding: 15px 30px; } td .amount { font-size: 18px; color: $color__blue; } } .form-row { padding: 0; margin-bottom: 15px; } } .woocommerce-shipping-calculator p { margin-bottom: 10px; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form { select { padding: 5px; max-width: 400px; width: 100%; } input { &[type="text"], &[type="date"], &[type="number"], &[type="search"] { max-width: 400px; padding: 8px; } } } .woocommerce .woocommerce-info:before { color: $color__blue; top: 1em; } .woocommerce-cart { .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"] { padding: 14px 20px; color: #fff; background: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; &:hover { background: #313131; color: #fff; opacity: 0.8; } } .wc-proceed-to-checkout a { display: inline-block !important; padding-left: 20px !important; padding-right: 20px !important; background: #313131 !important; color: #fff !important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; &:hover { opacity: 0.8; } } } .woocommerce form { &.checkout_coupon, &.login, &.register { border-radius: 0; border: 1px solid $color__border; } .form-row .input-text { border: 1px solid $color__border; padding: 12px 20px; color: $color__dark; } } .woocommerce-page form .form-row .input-text { border: 1px solid $color__border; padding: 12px 20px; color: $color__dark; } p.lost_password { margin-bottom: 0 !important; } .woocommerce { form { &.checkout_coupon {} &.login .form-row { margin-bottom: 20px; } .form-row input[type="submit"] { background: #313131; color: #fff; } } .return-to-shop .button { background: #313131; color: #fff; padding-top: 0; padding-bottom: 0; } form { &.login .form-row input[type="submit"] { margin-right: 20px; } &.checkout .form-row { margin-bottom: 20px; padding: 0; } .form-row { padding-left: 0; padding-right: 0; } &.checkout { h3 { font-size: 16px; text-transform: uppercase; margin-bottom: 15px; color: $color__dark; &#order_review_heading { margin-top: 28px; } } table.shop_table { border: 1px solid $color__border; th, td { padding: 15px 30px; } .amount { font-size: 16px; } .order-total .amount { color: $color__blue; } } } } } .woocommerce-checkout #payment { background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; ul.payment_methods { padding: 30px; border: 1px solid $color__border; li { list-style: none !important; } } div { &.form-row.place-order { padding: 0; margin-top: 30px; margin-bottom: 0; } &.payment_box { background: none; color: #888; padding: 0; &:before { content: none; display: none; } } } } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: left; } .woocommerce form { &.lost_reset_password .form-row input[type="submit"], &.register .form-row input[type="submit"] { margin-top: 20px; } } .footer__sidebars .woocommerce-product-details__short-description td, .footer__sidebars .woocommerce-product-details__short-description th, .footer__sidebars #wp-calendar tbody td, .footer__sidebars #wp-calendar th, .footer__sidebars .woocommerce.widget_shopping_cart .total, .footer__sidebars .woocommerce.widget_product_search input[type="search"], .footer__sidebars .woocommerce ul.cart_list li, .footer__sidebars .woocommerce ul.product_list_widget li { border-color: #313131; } .woocommerce-order-details h2, .woocommerce-customer-details h2{ margin-bottom: 15px; } .woocommerce .woocommerce-customer-details address { border-radius: 0; } .select2-container--default .select2-selection--single { background-color: transparent; border-color: $color__border; border-radius: 0; } .select2-results__option { line-height: 1.3; padding-left: 0; margin-left: 0; } .penci_dark_layout .select2-results__option { color: $color__dark; } .woocommerce-EditAccountForm fieldset { margin-bottom: 15px; } .woocommerce table.shop_attributes td { padding-left: 12px; } .woocommerce form.checkout_coupon input[type="submit"] { height:36px; line-height:36px; padding-top:0; padding-bottom:0; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: $color__blue; } .woocommerce .woocommerce-widget-layered-nav-dropdown__submit{ line-height: 30px; } @media screen and ( min-width: 769px ) { .woocommerce.sidebar-left, .woocommerce.sidebar-right { .related.products { ul.products { margin-left: -10px; margin-right: -10px; margin-bottom: 0; } li.product { width: 33.33333%; padding-left: 10px; padding-right: 10px; margin-left: 0; margin-right: 0; } } } } @media screen and ( max-width: 768px ) { .woocommerce .penci-archive__content .penci-post-item .entry-title{ font-size: 24px; } .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: none; width: 100%; } .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { margin-bottom: 20px; } .woocommerce, .woocommerce-page { &.penci-loop-shop-column-4, &.penci-loop-shop-column-3 { ul.products{ li.product{ width: 50%; &:nth-child( 2n + 1 ) { clear: both; } &:nth-child( 3n + 1 ) { clear: none; } } } } } } @media screen and ( max-width: 480px ) { .woocommerce, .woocommerce-page { &.penci-loop-shop-column-4, &.penci-loop-shop-column-3 { ul.products{ li.product{ width: 100%; } } } .penci-container { .woocommerce-ordering, .woocommerce-result-count { width: 100%; } .woocommerce-ordering select { width: 100%; } } } .woocommerce .related.products { ul.products { margin-left: 0; margin-right: 0; margin-bottom: 0; li.product { width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } } .woocommerce-cart table.cart td.actions .coupon .input-text { margin-bottom: 5px; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input { width: 100%; margin-right: 0; margin-left: 0; } } x

Windows NT KPTV 6.2 build 9200 (Windows Server 2012 Datacenter Edition) i586