/* theme woocommerce styles */ .woocommerce form .form-row .input-text, .woocommerce form .form-row select { background-color: var(--Background-Primary); border: 1px solid var(--Stroke-Primary); color: var(--Text-Secondary) } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: calc(50% - .5rem)!important; } /* woocommerce titles size */ #content .woocommerce h2 { font-size: 1.5rem; margin-bottom: 1.5rem } #content .woocommerce h3 { font-size: 1.25rem } .woocommerce-checkout #content, .woocommerce-cart #content { } .single-product #content { } /**/ .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: var(--Background-Secondary); border: 1px solid var(--Stroke-Primary); color: var(--Text-Secondary); border-top: 3px solid var(--Text-Secondary); font-size: .875rem } .woocommerce-message { border-top-color: var(--Text-Tertiary); } .woocommerce-message::before { color: var(--Text-Tertiary); } .woocommerce-info { border-top-color: var(--Text-Tertiary); } .woocommerce-info::before { color: var(--Text-Tertiary); } .woocommerce-error { border-top-color: #b81c23; } /* buttons */ .woocommerce ul.products li.product .button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button { display: inline-flex; padding: 1rem 1.5rem; justify-content: center; align-items: center; border-radius: 62.4375rem; border: 1px solid var(--Background-Light); background: var(--Background-Light); color: var(--Background-Primary); font-family: 'GeneralSans', sans-serif; font-size: 0.875rem; font-weight: 500; line-height: 1; text-align: center; cursor: pointer; text-decoration: none; position: relative; z-index: 1; transition: all .5s; min-width: unset; z-index: 1; /* transition: background-color .5s; */ } .woocommerce ul.products li.product .button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover { color: var(--Text-Tertiary); background-color: var(--Background-Light); } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled] { color: var(--Text-Light); padding: 1rem 1.5rem; /* padding: 13px 20px; */ } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]:hover { color: var(--Text-Light); } .woocommerce-button.button.cancel { border-color: #ff0000; background-color: #ff0000; color: #fff } .woocommerce-button.button.cancel:hover { color: #ff0000; background-color: #fff; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { display: flex; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { margin-bottom: 1em; font-size: 0.875rem; font-weight: 500; padding: 1rem 1.5rem; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .coupon .button { margin-top: 0; min-width: auto; /* padding: 5px 15px; */ } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt { display: inline-flex; min-width: 12.5rem } .woocommerce div.product form.cart .button { /* height: 50px; */ ? position: relative; } /**/ .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { float: right; width: auto!important; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { border: 1px solid var(--Background-Light); background: var(--Background-Light); color: var(--Background-Primary); } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: var(--Background-Light); color: var(--Text-Tertiary); } .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: var(--Text-Light); color: #fff; } .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { text-decoration: none; } .woocommerce ul.products li.product .price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: 1; color: var(--Text-Secondary); } .woocommerce ul.products li.product .price del { font-size: 1.25rem; font-weight: 500; line-height: 1.2; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: 1.5rem; font-weight: 400; display: block; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: 500; } @media only screen and (max-width: 480px) { #content .woocommerce h2, #content .woocommerce h3 { font-size: 18px; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { margin-bottom:0 } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { float: none; width: 100%; margin-bottom: 10px; } } @media only screen and (min-width: 769px) { /**/ .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; max-width:48%!important; -ms-flex: 0 0 48%; flex: 0 0 48%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width:48%!important } } @media only screen and (max-width: 768px) { .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } /* single */ .back-link { color: var(--Text-Tertiary); font-size: 0.875rem; font-weight: 500; cursor:pointer; padding: .25rem 0; transition: margin-left .5s } .back-link i { font-weight: normal; margin-right: .5rem } .back-link:hover { margin-left: -1rem; } .backlink-wishlist-block .yith-wcwl-add-to-wishlist a { opacity: 1; zoom: 1; border-radius: 100%!important; background-color: var(--Background-Primary)!important; border: 1px solid var(--Stroke-Primary)!important; width: 3rem; height: 3rem; transition: all .5s } .backlink-wishlist-block .yith-wcwl-add-to-wishlist a:hover { border-color: var(--Stroke-onHover)!important; background-color: var(--Background-Secondary)!important; } .backlink-wishlist-block .yith-wcwl-add-to-wishlist .delete_item { font-size:0; } .backlink-wishlist-block .yith-wcwl-add-to-wishlist .separator, .backlink-wishlist-block .yith-wcwl-add-to-wishlist .view-wishlist { display:none } /* rating */ .woocommerce-product-rating { overflow: hidden; } .woocommerce .star-rating { color: var(--Text-Tertiary); } .woocommerce .star-rating::before { color: var(--Text-Tertiary); } a.woocommerce-review-link { color:#fff; text-decoration: underline; transition: all .5s } a.woocommerce-review-link:hover { text-decoration: none; } strong.rating { position: absolute; top:0; left:100% } strong.rating:before { content: '('; } strong.rating:after { content: ')'; } /* product cats */ .ws-single-product-cats, .ws-single-product-cats a { color: var(--Text-Secondary); font-size: 0.875rem; font-weight: 500; text-transform: uppercase; } /* technical infos */ .ws_technical_info { margin:2rem 0 1rem; } .ws_technical_info_item { margin-bottom: 1rem } .ws_technical_info_item:first-child:not(:last-child) { padding-right: 5rem } .ws_technical_info_title { margin-bottom: .5rem } .ws_technical_info_data { font-size: .875rem; font-weight: 500 } @media (max-width: 400px) { .ws_technical_info { flex-wrap: wrap; } } /* tabs */ .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { position: relative; left: 0; width: 100vw; padding: 6rem 0; border-top: 1px solid var(--Stroke-Primary); } .woocommerce div.product .woocommerce-tabs ul.tabs { padding-left:5.555%; padding-right: 5.555%; margin: 0 auto 2rem } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom-width:0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border-width: 0 0 2px 0; background-color: transparent; color: #fff; border-radius: 0; margin: 0 .85rem 0 0; padding: 0 .25rem; border-bottom-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0 0 .85rem 0; font-weight: 500; font-size: .875rem; color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--Text-Tertiary); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: transparent; color: var(--Text-Tertiary); border-bottom-color: var(--Text-Tertiary); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; } .tab_reviews_count { display: inline-flex; margin-left: .5rem; padding: 0.125rem 0.5rem; justify-content: center; align-items: center; border-radius: 1rem; background: var(--Background-Secondary); text-align: center; font-size: 0.75rem; font-weight: 500; line-height: 1.125rem; color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover .tab_reviews_count, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a .tab_reviews_count { color: var(--Text-Tertiary); } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 auto; padding: 0 5.555% } .woocommerce div.product .woocommerce-tabs .panel > *:last-child { margin-bottom: 0; } /* .woocommerce div.product .woocommerce-tabs #tab-description.panel { padding: 0 5.555%; margin: 0 auto; } */ .woocommerce div.product .woocommerce-tabs #tab-description.panel > * { max-width: 60rem } .woocommerce div.product .woocommerce-tabs .panel h2 { font-family: 'GeneralSans', sans-serif; font-weight: 500; text-transform: none; font-size: 1.5rem } .woocommerce div.product .woocommerce-tabs .panel h3 { font-size: 1.25rem } .woocommerce div.product .woocommerce-tabs .panel h6, .woocommerce div.product .woocommerce-tabs .panel h4, .woocommerce div.product .woocommerce-tabs .panel h5 { font-size: 1.125rem } /* product reviews */ #reviews { clear:both; position: relative; } .woocommerce div.product h2.woocommerce-Reviews-title { display: flex; align-items: center; margin: 0 0 1.5rem 0; } .woocommerce div.product h2.woocommerce-Reviews-title > .title { padding-right: 1rem } .woocommerce div.product h2.woocommerce-Reviews-title .woocommerce-product-rating { margin: .5rem 0; font-size: .875rem; } .woocommerce h2.woocommerce-Reviews-title .star-rating { margin-top: .375rem; } .woocommerce #review_form #respond p { margin-bottom: 1.5rem; } .woocommerce #review_form #respond p.stars { margin-bottom: 1rem } .woocommerce #review_form #respond .form-submit input { min-width: 12.5rem; } .woocommerce-noreviews { font-size: 1.125rem; margin-bottom: 0 } .woocommerce #reviews #comments ol.commentlist { padding-left: 0 } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 0; border: 1px solid var(--Stroke-Primary); border-width: 0 0 1px 0; border-radius: 0; padding: 1.5rem 0; margin-bottom: 1.5rem } .woocommerce #reviews #comments ol.commentlist li:last-child .comment-text { margin-bottom: 0 } .comment-text-author { flex-basis:18rem; flex-shrink: 0; max-width: 30%; padding-right: 2rem } .woocommerce .comment-text-author .star-rating { float: left; margin-bottom: .5rem; } .woocommerce .comment-text-author img.review-flag { vertical-align: baseline; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin-bottom: 1rem; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description > p:last-child { margin-bottom: 0 } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { color: #fff; clear: both; } .woocommerce-review__author { font-size: 1rem; margin-bottom: .5rem; margin-right: .25rem; } .woocommerce-review__dash { display: none } .woocommerce-review__published-date { display: block; font-weight: 400; font-size: .875rem; color: var(--Text-Secondary); } .product .comment-text-author .wc-gzd-additional-info.wc-gzd-review-authenticity-status { font-weight: 400; position: relative; padding-left: 1.125rem; background-repeat: no-repeat; background-size: .875rem; background-position: left top 2px; color: #fff; margin-bottom: 0 !important; } .product .comment-text-author .wc-gzd-additional-info.wc-gzd-review-authenticity-status.is-verified { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImJhZGdlLWNoZWNrIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfOTE1XzkwNzUpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjM4OSA2LjAyNTY4TDEyLjc2NDkgNS40MDA3MUMxMi42MzI4IDUuMjY5MzIgMTIuNTYwNSA1LjA5NDE0IDEyLjU2MDUgNC45MDg1MlY0LjAyNDI0QzEyLjU2MDUgMi44NzQ0MSAxMS42MjUgMS45Mzg2OSAxMC40NzUzIDEuOTM4NjlIOS41OTEyQzkuNDA4NCAxLjkzODY5IDkuMjI5MDcgMS44NjQzIDkuMDk5NzkgMS43MzVMOC40NzQ5MyAxLjExMDAzQzcuNjYxNyAwLjI5NjY1OCA2LjMzOTY5IDAuMjk2NjU4IDUuNTI2NDYgMS4xMTAwM0w0LjkwMDIxIDEuNzM1QzQuNzcwOTMgMS44NjQzIDQuNTkxNiAxLjkzODY5IDQuNDA4OCAxLjkzODY5SDMuNTI0NjhDMi4zNzUwNCAxLjkzODY5IDEuNDM5NDggMi44NzQ0MSAxLjQzOTQ4IDQuMDI0MjRWNC45MDg1MkMxLjQzOTQ4IDUuMDk0MTQgMS4zNjcxOSA1LjI2OTMyIDEuMjM1ODMgNS40MDA3MUwwLjYxMDk2MiA2LjAyNDk5QzAuMjE2ODYgNi40MTkxNiAwIDYuOTQzMzMgMCA3LjUwMDE3QzAgOC4wNTcwMiAwLjIxNzU1NSA4LjU4MTE5IDAuNjEwOTYyIDguOTc0NjZMMS4yMzUxMyA5LjU5OTY0QzEuMzY3MTkgOS43MzEwMyAxLjQzOTQ4IDkuOTA2MjEgMS40Mzk0OCAxMC4wOTE4VjEwLjk3NjFDMS40Mzk0OCAxMi4xMjU5IDIuMzc1MDQgMTMuMDYxNyAzLjUyNDY4IDEzLjA2MTdINC40MDg4QzQuNTkxNiAxMy4wNjE3IDQuNzcwOTMgMTMuMTM2IDQuOTAwMjEgMTMuMjY1M0w1LjUyNTA3IDEzLjg5MUM1LjkzMTY5IDE0LjI5NyA2LjQ2NTUgMTQuNSA2Ljk5OTMxIDE0LjVDNy41MzMxMSAxNC41IDguMDY2OTMgMTQuMjk3IDguNDczNTQgMTMuODkwM0w5LjA5ODQgMTMuMjY1M0M5LjIyOTA3IDEzLjEzNiA5LjQwODQgMTMuMDYxNyA5LjU5MTIgMTMuMDYxN0gxMC40NzUzQzExLjYyNSAxMy4wNjE3IDEyLjU2MDUgMTIuMTI1OSAxMi41NjA1IDEwLjk3NjFWMTAuMDkxOEMxMi41NjA1IDkuOTA2MjEgMTIuNjMyOCA5LjczMTAzIDEyLjc2NDkgOS41OTk2NEwxMy4zODkgOC45NzUzNkMxMy43ODI0IDguNTgxMTkgMTQgOC4wNTc3MSAxNCA3LjUwMDE3QzE0IDYuOTQyNjMgMTMuNzgzMSA2LjQxOTE2IDEzLjM4OSA2LjAyNTY4Wk0xMC4xNjYgNi42ODgyTDUuOTk1NjMgOS40Njg5NEM1Ljg3ODE3IDkuNTQ3NSA1Ljc0MzMyIDkuNTg1NzMgNS42MDk4NyA5LjU4NTczQzUuNDMwNTQgOS41ODU3MyA1LjI1MjYxIDkuNTE2MjEgNS4xMTg0NiA5LjM4MjA0TDMuNzI4MzMgNy45OTE2N0MzLjQ1NjU2IDcuNzE5ODUgMy40NTY1NiA3LjI4MDUgMy43MjgzMyA3LjAwODY4QzQuMDAwMSA2LjczNjg2IDQuNDM5MzggNi43MzY4NiA0LjcxMTE1IDcuMDA4NjhMNS42OTgxNCA3Ljk5NTg0TDkuMzk0NSA1LjUzMTQxQzkuNzE0OTIgNS4zMTc5OSAxMC4xNDU5IDUuNDA0MTkgMTAuMzU4NiA1LjcyMzk3QzEwLjU3MTkgNi4wNDM3NiAxMC40ODU4IDYuNDc1NDcgMTAuMTY2IDYuNjg4MloiIGZpbGw9IiMzMUM0OEQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85MTVfOTA3NSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) } .product .comment-text-author .wc-gzd-additional-info.wc-gzd-review-authenticity-status.is-unverified { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImJhZGdlLWNoZWNrIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfOTE1XzkwNzUpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjM4OSA2LjAyNTY4TDEyLjc2NDkgNS40MDA3MUMxMi42MzI4IDUuMjY5MzIgMTIuNTYwNSA1LjA5NDE0IDEyLjU2MDUgNC45MDg1MlY0LjAyNDI0QzEyLjU2MDUgMi44NzQ0MSAxMS42MjUgMS45Mzg2OSAxMC40NzUzIDEuOTM4NjlIOS41OTEyQzkuNDA4NCAxLjkzODY5IDkuMjI5MDcgMS44NjQzIDkuMDk5NzkgMS43MzVMOC40NzQ5MyAxLjExMDAzQzcuNjYxNyAwLjI5NjY1OCA2LjMzOTY5IDAuMjk2NjU4IDUuNTI2NDYgMS4xMTAwM0w0LjkwMDIxIDEuNzM1QzQuNzcwOTMgMS44NjQzIDQuNTkxNiAxLjkzODY5IDQuNDA4OCAxLjkzODY5SDMuNTI0NjhDMi4zNzUwNCAxLjkzODY5IDEuNDM5NDggMi44NzQ0MSAxLjQzOTQ4IDQuMDI0MjRWNC45MDg1MkMxLjQzOTQ4IDUuMDk0MTQgMS4zNjcxOSA1LjI2OTMyIDEuMjM1ODMgNS40MDA3MUwwLjYxMDk2MiA2LjAyNDk5QzAuMjE2ODYgNi40MTkxNiAwIDYuOTQzMzMgMCA3LjUwMDE3QzAgOC4wNTcwMiAwLjIxNzU1NSA4LjU4MTE5IDAuNjEwOTYyIDguOTc0NjZMMS4yMzUxMyA5LjU5OTY0QzEuMzY3MTkgOS43MzEwMyAxLjQzOTQ4IDkuOTA2MjEgMS40Mzk0OCAxMC4wOTE4VjEwLjk3NjFDMS40Mzk0OCAxMi4xMjU5IDIuMzc1MDQgMTMuMDYxNyAzLjUyNDY4IDEzLjA2MTdINC40MDg4QzQuNTkxNiAxMy4wNjE3IDQuNzcwOTMgMTMuMTM2IDQuOTAwMjEgMTMuMjY1M0w1LjUyNTA3IDEzLjg5MUM1LjkzMTY5IDE0LjI5NyA2LjQ2NTUgMTQuNSA2Ljk5OTMxIDE0LjVDNy41MzMxMSAxNC41IDguMDY2OTMgMTQuMjk3IDguNDczNTQgMTMuODkwM0w5LjA5ODQgMTMuMjY1M0M5LjIyOTA3IDEzLjEzNiA5LjQwODQgMTMuMDYxNyA5LjU5MTIgMTMuMDYxN0gxMC40NzUzQzExLjYyNSAxMy4wNjE3IDEyLjU2MDUgMTIuMTI1OSAxMi41NjA1IDEwLjk3NjFWMTAuMDkxOEMxMi41NjA1IDkuOTA2MjEgMTIuNjMyOCA5LjczMTAzIDEyLjc2NDkgOS41OTk2NEwxMy4zODkgOC45NzUzNkMxMy43ODI0IDguNTgxMTkgMTQgOC4wNTc3MSAxNCA3LjUwMDE3QzE0IDYuOTQyNjMgMTMuNzgzMSA2LjQxOTE2IDEzLjM4OSA2LjAyNTY4Wk0xMC4xNjYgNi42ODgyTDUuOTk1NjMgOS40Njg5NEM1Ljg3ODE3IDkuNTQ3NSA1Ljc0MzMyIDkuNTg1NzMgNS42MDk4NyA5LjU4NTczQzUuNDMwNTQgOS41ODU3MyA1LjI1MjYxIDkuNTE2MjEgNS4xMTg0NiA5LjM4MjA0TDMuNzI4MzMgNy45OTE2N0MzLjQ1NjU2IDcuNzE5ODUgMy40NTY1NiA3LjI4MDUgMy43MjgzMyA3LjAwODY4QzQuMDAwMSA2LjczNjg2IDQuNDM5MzggNi43MzY4NiA0LjcxMTE1IDcuMDA4NjhMNS42OTgxNCA3Ljk5NTg0TDkuMzk0NSA1LjUzMTQxQzkuNzE0OTIgNS4zMTc5OSAxMC4xNDU5IDUuNDA0MTkgMTAuMzU4NiA1LjcyMzk3QzEwLjU3MTkgNi4wNDM3NiAxMC40ODU4IDYuNDc1NDcgMTAuMTY2IDYuNjg4MloiIGZpbGw9IiNmZjAwMDAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85MTVfOTA3NSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) } .product .comment-text-author .wc-gzd-additional-info.wc-gzd-review-authenticity-status a { display:none } /**/ .woocommerce-product-details__short-description { margin-bottom: 2rem } .single-product #content { padding-bottom: 0 } .single-product .woocommerce-notices-wrapper { } .woocommerce-notices-wrapper:focus-visible, .woocommerce-message:focus-visible, .woocommerce-error:focus-visible, .woocommerce-info:focus-visible { outline: none !important; box-shadow: none } .woocommerce div.product { max-width: 93.2rem; margin: 0 auto 0 0; } @media (min-width: 1200px) { /* .woocommerce div.product .woocommerce-tabs #tab-description.panel { max-width: 55.5625rem; } */ } @media (min-width: 1921px) { .woocommerce div.product { max-width: 94.2rem; } .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs .panel { padding-left: 15px; padding-right: 15px; } /* .woocommerce div.product .woocommerce-tabs #tab-description.panel { max-width: 70rem; padding: 0 15px; } */ } @media (max-width: 767px) { .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs .panel { padding-left: 15px; padding-right: 15px } } .ws_woo_single_cat { margin-bottom:15px; color: #A0A09C; } .ws_woo_single_cat a { color: #A0A09C; } .ws_woo_single_descr { margin-bottom:30px } /* .product div.images, .woocommerce div.product div.images { border-left: 1px solid var(--Stroke-Primary, #262626); } */ .product div.images .flex-viewport, .woocommerce div.product div.images .flex-viewport, .woocommerce div.product div.images > .woocommerce-product-gallery__wrapper { background: var(--Background-Secondary, #1F1F1F); } .product div.images.woocommerce-product-gallery--without-thumbnails, .woocommerce div.product div.images.woocommerce-product-gallery--without-thumbnails { display: flex; align-items: center; justify-content: center; } .product div.images > .flex-viewport .woocommerce-product-gallery__image > a, .woocommerce div.product div.images > .woocommerce-product-gallery__wrapper { /* padding: 2rem; */ padding: 0; display: block; position: relative; aspect-ratio:.97; } .product div.images > .flex-viewport .woocommerce-product-gallery__image > a img, .woocommerce div.product div.images > .woocommerce-product-gallery__wrapper img { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; } div.images .ws-product-limited-info { background: var(--Background-Light); color: var(--Background-Primary); font-size: 1rem; font-weight: 400; line-height: 1.5; padding: 1rem 4rem; text-align: center; } .single_variation_wrap { clear: both; padding-top: .5rem; position: relative; } .single_variation_wrap .stock { /* display:none!important */ margin-bottom: 28px; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock { color: #fff; font-weight: 500; } /**/ .woocommerce span.onsale { margin: 0!important; top:0!important; border-radius: 0; height: 1.75rem; line-height: 2rem; padding: 0 .75rem; font-weight: 500; font-size: .875rem; min-height: 2rem; color: #fff; background-color: var(--Text-Tertiary); } .woocommerce ul.products li.product .onsale { z-index:3 } /**/ .single-product.woocommerce span.onsale { left: auto; } .woocommerce div.product .product_title { margin-bottom: 2rem; font-size: 2.25rem; font-family: 'GeneralSans'; font-weight: 500; letter-spacing: .02rem; text-transform: none; } .product p.wc-gzd-additional-info { font-size: .875rem !important; font-weight: 500; } /* .woocommerce.single-product div.product .single-price-info { line-height: 1.2; font-weight: 700; font-size: 20px; letter-spacing: 0.07em; color: #151515; margin-bottom: 32px; display: inline-block; text-align: right; } .woocommerce.single-product div.product .single-price-info .ws-period-price-info { width: 108px; display: inline-block; padding-left: 6px; text-align: left; } */ .woocommerce.single-product div.product p.price , .woocommerce.single-product div.product span.price { font-size: 1.725rem; font-style: normal; font-weight: 500; line-height: 110%; letter-spacing: 0.045rem; text-transform: uppercase; color: #fff; margin-bottom: 0; display: inline-block; text-align: right; } .woocommerce.single-product div.product p.price .ws-from-price, .woocommerce.single-product div.product span.price .ws-from-price { font-size: 0.875rem; text-transform: none; padding-right: .5rem; line-height: 1.5; } /* .single-additional-title { font-weight: 500; font-size: 20px; line-height: 1.5; letter-spacing: 0; color: #000000; white-space: nowrap; display:flex; margin-bottom: 15px; } */ .legal-price-info { margin-bottom: 2rem; font-size: 0.875rem; font-weight: 500; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-bottom: 0; } .woocommerce div.product div.images img { width: auto; margin: 0 auto; } .woocommerce div.product div.images .flex-control-thumbs { margin: 0; padding: .5rem 0; display: flex; flex-wrap: wrap; justify-content: center; border-top: 1px solid var(--Stroke-Primary); background-color: var(--Background-Primary); } .woocommerce div.product div.images .flex-control-thumbs li { width: 6.25rem; aspect-ratio: 1.25; /* height: 5rem; */ float: left; margin: 0; padding: .5rem; list-style: none; position: relative; } .woocommerce div.product div.images .flex-control-thumbs li img { position: absolute; top:.5rem; left:.5rem; width: calc(100% - 1rem); height: calc(100% - 1rem); object-fit: cover; object-position: center; opacity: 1; border: 1px solid transparent; border-radius: 0.25rem; transition: all .5s } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active { border-color: var(--Stroke-Primary) } .woocommerce div.product div.images .flex-control-thumbs li:hover img { opacity: .6 } .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: none; } .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(5n+1) { clear: left; } /* description */ .woocommerce table.shop_attributes { margin-bottom: 2rem; border-top: 1px solid var(--Stroke-Primary); } .woocommerce table.shop_attributes th { width: 10rem; font-weight: 500; padding: 0.5rem .5rem .5rem 0; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border-bottom: 1px solid var(--Stroke-Primary); } /* bootstrap responsive table */ .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive td, .table-responsive th { white-space: nowrap; } /**/ /* brand on single */ .pwb-single-product-brands { padding-top: 10px; } .pwb-single-product-brands a { font-family: 'GeneralSans',sans-serif; font-weight: 400; letter-spacing: 0.05em; color: #101010; line-height: 1.1; text-transform: uppercase; font-size: 20px; } .pwb-single-product-brands a:hover { color: #1D235D; } /* variations */ .ws-variations-title { font-size: 18px; margin-bottom: 5px; color: #010101; clear: both; } .ws-variations-title .ws-label { text-transform: capitalize; } .ws-variations-value { font-weight: 500 } /* variations radio */ label.ws-radio { display: flex; position: relative; line-height: 1.4; margin-bottom: 15px; margin-right: 10px; float: left; } label.ws-radio > span { display: flex; justify-content: space-between; /* width: 400px; max-width: 100%; */ font-size: 16px; font-weight: 500; color: #010101; border: 1px solid #CBD580; border-radius: 2px; padding: 5px 10px; } label.ws-radio input[type="radio"] { opacity: 0; width: 0; position: relative; margin-right: 0; visibility: hidden; border: none; } label.ws-radio input[type="radio"]:checked + span { background-color: #1D235D; } label.ws-radio .var-add-info span, .summary.entry-summary > span { display: inline-block; padding-right:18px; position: relative; } .summary.entry-summary > span { margin-bottom: 40px; line-height: 1.4; } label.ws-radio .var-add-info span:after, .summary.entry-summary > span:after { content: ''; width:8px; height:8px; border-radius:50%; position: absolute; top: 8px; right:0 } label.ws-radio .var-add-info .instock, .summary.entry-summary > .instock { color: #12ba55; } label.ws-radio .var-add-info .instock:after, .summary.entry-summary > .instock:after { background-color: #12ba55; } label.ws-radio.outofstock { pointer-events: none; } label.ws-radio.outofstock > span { color: #dedede; } label.ws-radio.outofstock input.ws_wc_variations_radio_buttons { pointer-events: none; } label.ws-radio.outofstock input[type="radio"] + span::before { border-color:#dedede; } label.ws-radio .var-add-info .outofstock, .summary.entry-summary > .outofstock { color: #1D235D; } label.ws-radio .var-add-info .outofstock:after, .summary.entry-summary > .outofstock:after { background-color: #1D235D; } .woocommerce div.product form.cart { margin-bottom: 0; display: flex; flex-wrap: wrap; } .woocommerce div.product form.cart > * { margin-bottom: 1rem!important } .woocommerce div.product form.cart.variations_form { display: block; padding-top: 1rem; margin-top: 1.5rem; border-top: 1px solid var(--Stroke-Primary); } .woocommerce div.product form.cart .variations { border-bottom: 1px solid var(--Stroke-Primary); } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { padding: .5rem 0; line-height: inherit; } .woocommerce div.product form.cart .variations .label label { margin: 1rem 0 } .woocommerce div.product form.cart .variations label { font-weight: 500; text-align: left; } .woocommerce div.product form.cart .variations select { background-size: 12px; -webkit-background-size: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLWRvd24iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNOC4wMTc3NCAxMkM3LjYzNTg2IDExLjk5OTkgNy4yNjk2NSAxMS44NTk3IDYuOTk5NjYgMTEuNjEwMUwxLjIzOTY2IDYuMjg3N0MxLjEwMjEzIDYuMTY0OTUgMC45OTI0MjcgNi4wMTgxMyAwLjkxNjk1OCA1Ljg1NTc5QzAuODQxNDg5IDUuNjkzNDUgMC44MDE3NjUgNS41MTg4NSAwLjgwMDEwMyA1LjM0MjE3QzAuNzk4NDQyIDUuMTY1NDkgMC44MzQ4NzYgNC45OTAyOCAwLjkwNzI4IDQuODI2NzVDMC45Nzk2ODUgNC42NjMyMyAxLjA4NjYxIDQuNTE0NjYgMS4yMjE4MSA0LjM4OTczQzEuMzU3MDIgNC4yNjQ3OSAxLjUxNzggNC4xNjU5OSAxLjY5NDc3IDQuMDk5MDlDMS44NzE3NCA0LjAzMjE4IDIuMDYxMzYgMy45OTg1MSAyLjI1MjU2IDQuMDAwMDVDMi40NDM3NiA0LjAwMTU5IDIuNjMyNzIgNC4wMzgyOSAyLjgwODQxIDQuMTA4MDNDMi45ODQwOSA0LjE3Nzc2IDMuMTQyOTkgNC4yNzkxMyAzLjI3NTgyIDQuNDA2MjJMOC4wMTc3NCA4Ljc4NzkxTDEyLjc1OTcgNC40MDYyMkMxMy4wMzEyIDQuMTYzODQgMTMuMzk1IDQuMDI5NzIgMTMuNzcyNiA0LjAzMjc1QzE0LjE1MDEgNC4wMzU3OCAxNC41MTEzIDQuMTc1NzIgMTQuNzc4MyA0LjQyMjQzQzE1LjA0NTMgNC42NjkxMyAxNS4xOTY3IDUuMDAyODcgMTUuMiA1LjM1MTc1QzE1LjIwMzMgNS43MDA2MyAxNS4wNTgxIDYuMDM2NzQgMTQuNzk1OCA2LjI4NzdMOS4wMzU4MiAxMS42MTAxQzguNzY1ODMgMTEuODU5NyA4LjM5OTYyIDExLjk5OTkgOC4wMTc3NCAxMloiIC8+CjwvZz4KPC9zdmc+Cg==); } .woocommerce div.product form.cart .variations select option { background: var(--Background-Primary); } .woocommerce div.product form.cart .reset_variations { font-size: .75rem; display: inline-block; margin-top: .5rem; } /* .woocommerce-variation-price { margin-bottom: 26px } */ /* backlink */ .ws-produkt-back { font-size: 16px; color: #1D235D; text-decoration: none; margin-bottom: 20px; padding-left:6px; display: block; cursor: pointer; transition: padding-left .5s } .ws-produkt-back i { font-size: 130%; vertical-align: text-bottom; padding-right:8px; } .ws-produkt-back:hover { padding-left:0 } @media only screen and (min-width: 769px) { .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 42.5%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width:57.5%; padding:2.5rem; position: relative; } /* .woocommerce #content div.product div.summary:before, .woocommerce div.product div.summary:before, .woocommerce-page #content div.product div.summary:before, .woocommerce-page div.product div.summary:before { content: ''; position: absolute; top:0; left: -1px; bottom:0; width: 1px; background-color: var(--Stroke-Primary) } */ } @media (max-width: 768px) { .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { padding: 1rem 5.555%; } .woocommerce div.product h2.woocommerce-Reviews-title { flex-direction: column; align-items: flex-start; } } @media (max-width: 767px) { .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { padding: 1rem; } } @media (max-width: 574px) { .comment-text-author { flex-basis: 100%; max-width: unset; padding-right: 0; padding-bottom: 1rem; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt { width: 100% } } @media only screen and (min-width: 769px) and (max-width: 1024px){ } @media only screen and (max-width: 900px) { .woocommerce div.product form.cart .variations tr, .woocommerce div.product form.cart .variations td { display:block } .woocommerce div.product form.cart .variations select { min-width: auto; } } @media(max-width:768px) { .woocommerce div.product { overflow: hidden; position: relative; max-width: 100%; } /* .woocommerce div.product .product_title { font-size: 1.625rem; } */ .ws-product-container { flex-wrap: wrap; } .product div.images > .flex-viewport .woocommerce-product-gallery__image > a, .woocommerce div.product div.images > .woocommerce-product-gallery__wrapper { /* margin: 0 1rem 1rem; */ /* display: table; margin: 0 auto; */ } .woocommerce div.product div.images .flex-control-thumbs { padding: .5rem 0 .875rem 0; } .summary.entry-summary > span { margin-bottom: 2rem; } /* .woocommerce #content div.product div.tabs-images { width: 100%; } */ } @media only screen and (max-width: 480px) { .ws-variations-title { font-size: 1rem; } /* .single-additional-title { font-size: 18px; } */ } @media only screen and (max-width: 1439px) { } @media only screen and (min-width: 1200px) { .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { /* padding-left: 65px; padding-right: 35px; margin-top: 60px; */ } .woocommerce.single-product div.product p.price, .woocommerce.single-product div.product span.price { font-size: 2.25rem; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: 1.875rem; } } @media (min-width:1440px) { .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { padding:2.5rem 6rem 2.5rem 4rem } } @media (min-width:1800px) { .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { padding-right: 0; width: 56rem; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 41rem; } } /* end single product */ /* account page */ .woocommerce-account .woocommerce { position: relative; } .ws-woo-login-form { margin: 0 auto; max-width: 40rem; } .woocommerce-MyAccount-content { font-size: .875rem } /* .woocommerce-account .woocommerce-MyAccount-content { padding: 2rem 2.5rem; width: calc(100% - 12.9rem); } */ .woocommerce-MyAccount-navigation { background-color: var(--Background-Primary); } .account-title, .woocommerce-account h2 { font-family: 'GeneralSans'; font-weight: 500; font-size: 1rem!important; margin-bottom: 2.5rem; text-transform: none; line-height: 1.5; } /* .account-title { text-transform: capitalize; } */ .nav-account-title { font-size: 1rem; font-weight: 500; margin: 0; } .woocommerce-MyAccount-navigation ul { padding:0; margin-bottom: 0 } .woocommerce-MyAccount-navigation li { margin-bottom: 0; list-style-type: none } .woocommerce-MyAccount-navigation li a { color: #fff; font-weight: 500; font-size: 0.875rem; text-transform: capitalize; display:block; padding: 1rem .5rem 1rem 2rem; border-bottom: 1px solid var(--Stroke-Primary) } .woocommerce-MyAccount-navigation li a svg, .woocommerce-MyAccount-navigation li a i, .ws-dashboard-nav ul li a svg, .ws-dashboard-nav ul li a i { margin-right: 1rem; } .woocommerce-MyAccount-navigation li a svg, .ws-dashboard-nav ul li a svg { vertical-align: text-bottom; transition: fill .5s } .woocommerce-MyAccount-navigation li a:hover { background: var(--Background-Secondary); color: #fff; } .woocommerce-MyAccount-navigation li.is-active a { background: var(--Background-Secondary); color: var(--Text-Tertiary); } .woocommerce-MyAccount-navigation li.is-active a svg { fill: var(--Text-Tertiary); } @media (max-width: 767px) { .woocommerce-MyAccount-navigation { height: auto; top: 81px; } } @media (min-width: 768px) { .woocommerce-MyAccount-navigation { height: auto; top: 85px; } } @media (max-width:991px) { .nav-account-title { padding: 1rem; } .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; margin: 0 .75rem; } .woocommerce-MyAccount-navigation ul li a { margin: .25rem; border: 1px solid var(--Stroke-Primary); } .woocommerce-MyAccount-content { padding: 2rem 1rem; } } @media (min-width: 768px) and (max-width:991px) { .woocommerce-MyAccount-navigation ul li { flex-basis: 33.333% } } @media (max-width: 767px) { .woocommerce-MyAccount-navigation ul li { flex-basis: 50% } .woocommerce-MyAccount-navigation li a { padding: .5rem; } .woocommerce-MyAccount-navigation li a svg, .woocommerce-MyAccount-navigation li a i, .ws-dashboard-nav ul li a svg, .ws-dashboard-nav ul li a i { margin-right: .5rem; } } @media (min-width: 992px) { .nav-account-title { padding: 2rem; border-bottom: 1px solid var(--Stroke-Primary); } .woocommerce-MyAccount-navigation { border-right: 1px solid var(--Stroke-Primary); width: 12.9rem!important; position: sticky; height: calc(100vh - 85px); top: 85px; float:left; } .woocommerce-MyAccount-navigation ul { padding-bottom: 8rem; } .woocommerce-MyAccount-navigation li:last-child { position: absolute; bottom:0; left:0; width: 100% } .woocommerce-MyAccount-navigation li:last-child a { border-bottom: none; border-top: 1px solid var(--Stroke-Primary) } .woocommerce-MyAccount-content { padding: 2rem 2.5rem; width: calc(100% - 12.9rem)!important; max-width: 77rem!important; float: left!important; } .woocommerce-MyAccount-content.account-no-sidebar { width: auto; float: none !important; margin: 0 auto; } } @media (min-width: 1200px) { .woocommerce-MyAccount-navigation { height: calc(100vh - 6.3rem); top: 6.3rem; } .admin-bar .woocommerce-MyAccount-navigation { height: calc(100vh - 6.3rem - 32px); } } /**/ .no-payment-metods { border: 1px solid var(--Stroke-Primary); padding: 1.5rem; } .no-payment-metods > div { display: flex; padding: 2.5rem 1.5rem; align-items: center; width: 100%; justify-content: center; background: var(--Background-Secondary); } /* dashboard nav */ .ws-dashboard-nav { position: relative; left: 0; width: calc(100vw - 18.9rem); max-width: 77rem } .ws-dashboard-nav ul { display: flex; flex-wrap:wrap; padding: 0; margin: 2rem -.5rem } .ws-dashboard-nav ul li { list-style-type: none } .ws-dashboard-nav ul li a { color: #fff; font-weight: 500; font-size: 1rem; text-transform: capitalize; padding: 1.5rem 1rem 1.5rem 2rem; margin: .5rem; display: flex; align-items: center; justify-content: flex-start; background-color: var(--Background-Primary); border: 1px solid var(--Stroke-Primary); transition: background-color .5s; } .ws-dashboard-nav ul li a svg { width: 1.875rem; } .ws-dashboard-nav ul li a i { font-size: 1.875rem } @media (max-width: 1199px) { .ws-dashboard-nav ul li a { padding: 1.5rem .5rem 1.5rem 1.5rem; font-size: .875rem; } .ws-dashboard-nav ul li a svg { width: 1.275rem; } .ws-dashboard-nav ul li a i { font-size: 1.275rem; } } .ws-dashboard-nav ul li a:hover { background: var(--Background-Secondary); color: #fff; } .ws-dashboard-nav ul li { flex-basis: 33.333%; } @media (max-width: 768px) { .ws-dashboard-nav ul li { flex-basis: 50%; } } .woocommerce-account .woocommerce-MyAccount-content mark { font-weight: 600; } /* addresses */ .woocommerce .woocommerce-address-fields button.button { margin-top: 2rem } .woocommerce-Address address a.button .ws-plus, .woocommerce-Address .woocommerce-Address-title a .ws-plus, a.button .ws-plus { font-size: 1.125rem; font-weight: 400; line-height: .875rem; padding-right: .25rem; } /**/ .woocommerce-account .woocommerce table.shop_table { border-spacing: 0; } .woocommerce-account .woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: .75rem 1rem; } .woocommerce-account .woocommerce table.shop_table thead th { padding: 1rem; background-color: var(--Stroke-Primary); } .woocommerce-account .woocommerce table.shop_table tbody th, .woocommerce-account .woocommerce table.shop_table tfoot td, .woocommerce-account .woocommerce table.shop_table tfoot th { font-weight: 500; border-top: 1px solid var(--Stroke-Primary); } .woocommerce-account .woocommerce table.shop_table td { border-top: 1px solid var(--Stroke-Primary); } .woocommerce-account .woocommerce table.shop_table a.button { padding: .5rem; height: auto; line-height: 1; font-size: 0.75rem; margin: .25rem 0 .25rem .25rem; } /* addresses */ .woocommerce-columns--addresses .woocommerce-column, .u-columns.woocommerce-Addresses .woocommerce-Address { border: 1px solid var(--Stroke-Primary); padding: 1.5rem; } .woocommerce-Address-title { display: flex; justify-content: space-between; } .woocommerce-Address-title:before, .woocommerce-Address-title:after { display: none!important } .woocommerce-Address-title h2 { font-family: "GeneralSans"; font-size: 1rem!important; font-weight: 500; text-transform: none; margin-right: 1rem } .woocommerce-Address-title a.edit { margin-top: .175rem } .woocommerce-columns--addresses .woocommerce-column address, .u-columns.woocommerce-Addresses .woocommerce-Address address { padding: 1.5rem 1rem; border: 1px solid var(--Stroke-Primary); background: var(--Background-Secondary); margin-bottom: 0 } /* login/reg */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 1px solid var(--Stroke-Primary); padding: 1.5rem 1rem; margin: 2em 0; text-align: left; font-size: .875rem; border-radius: 0; } .woocommerce form.login, .woocommerce form.woocommerce-ResetPassword { max-width: 40rem } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { margin-right: 1.5rem!important } /**/ .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { top: calc(50% - .625rem)!important; color: var(--Text-Secondary); transform: none!important } .woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before { font-family: 'midgards'!important; content: "\e918"!important; } /* end account page */ /* archive & product lists */ /* .block_produkte_wrapper { padding-top:30px } */ .archive.woocommerce h1.page-title { margin-top: 40px; } /* product lists */ ul.products li.product { margin-top: 2rem; } ul.products li.product .woocommerce-loop-product__img-wrapper { aspect-ratio: 1.47; position: relative; flex-shrink: 0; } ul.products li.product .woocommerce-loop-product__img-wrapper img, .woocommerce ul.products li.product .woocommerce-loop-product__img-wrapper img { position: absolute; top:0; left:0; width: 100%; height: 100%; /* object-fit: scale-down; */ object-fit: cover; object-position: center; margin-bottom:0; transition: all .5s } ul.products li.product .woocommerce-loop-product__img-wrapper.image-hover img:nth-of-type(2) { object-fit: cover; transform: translateY(100%); background-color: var(--Background-Primary); opacity:0; transition: transform .5s, opacity .25s } ul.products li.product:hover .woocommerce-loop-product__img-wrapper.image-hover img:nth-of-type(2) { transform: translateY(0); opacity: 1; } /* carousel nav on related */ .up-sells.products .ws_products_wrap .tns-controls button, .related.products .ws_products_wrap .tns-controls button { border: 1px solid var(--Text-Secondary); color: var(--Background-Primary); background-color: transparent; } .up-sells.products .ws_products_wrap .tns-controls button:hover, .up-sells.products .ws_products_wrap .tns-controls button:focus, .related.products .ws_products_wrap .tns-controls button:hover, .related.products .ws_products_wrap .tns-controls button:focus { border-color: var(--Background-Primary); background-color: var(--Background-Primary); color:#fff; } .related.products ul.products li.product .woocommerce-loop-product__img-wrapper img, .woocommerce .related.products ul.products li.product .woocommerce-loop-product__img-wrapper img, .related.products ul.products li.product .woocommerce-loop-product__img-wrapper.image-hover img:nth-of-type(2) { background-color: var(--Background-Light2); } /**/ .loop_item_content { background-color: var(--Background-Secondary); padding: 1.5rem 2rem 0; position: relative; flex-basis: 100%; display: flex; flex-direction: column; justify-content: space-between; } .up-sells.products .loop_item_content, .related.products .loop_item_content { background-color: var(--Background-Light2); } .product-loop-subtitle { color: var(--Text-Tertiary); font-size: 0.875rem; font-weight: 600; line-height: 110%; letter-spacing: 0.175rem; text-transform: uppercase; min-height: 1rem; flex-shrink: 0; } .up-sells.products .product-loop-subtitle, .related.products .product-loop-subtitle { color: var(--Text-Tertiary2); } .woocommerce ul.products li.product .woocommerce-loop-category__title { color: #fff; font-size: 16px; font-weight: 400; text-align: center; text-transform: none; padding:0; margin:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .5s } .woocommerce .up-sells.products ul.products li.product .woocommerce-loop-category__title, .woocommerce .related.products ul.products li.product .woocommerce-loop-category__title { color: var(--Background-Primary); } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, h2.woocommerce-loop-product__title, #content .woocommerce h2.woocommerce-loop-product__title { font-family:'GeneralSans',sans-serif; font-size: 1.25rem; font-weight: 500; line-height: 150%; text-transform: none; color: #fff; text-align: left; max-height: 5.5rem; padding: 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; max-width: 100%; word-break: break-word; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; white-space: normal; position: relative; flex-basis: 100%; margin-bottom: 1.5rem; } .woocommerce .up-sells.products ul.products li.product .woocommerce-loop-product__title, .woocommerce .up-sells.products ul.products li.product h3, .up-sells.products h2.woocommerce-loop-product__title, .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title, .woocommerce .related.products ul.products li.product h3, .related.products h2.woocommerce-loop-product__title { color: var(--Background-Primary); } /* .woocommerce ul.products li.product .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover h3, .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover h2.woocommerce-loop-product__title { color:var(--Text-Tertiary); } */ .woocommerce ul.products li.product .price, ul.products li.product .price { font-family: 'GeneralSans',sans-serif; font-size: 1.75rem; font-weight: 700; color:#fff; line-height: 125%; text-align: left; margin-bottom:0 } .woocommerce .up-sells.products ul.products li.product .price, .woocommerce .related.products ul.products li.product .price { color: var(--Background-Primary); } ul.products li.product p.wc-gzd-additional-info, .woocommerce ul.products li.product p.wc-gzd-additional-info { margin: 0; font-size: .875rem; font-weight: 500; background: var(--Background-Secondary); position: relative; padding: 0 2rem; } .woocommerce .up-sells.products ul.products li.product p.wc-gzd-additional-info, .woocommerce .related.products ul.products li.product p.wc-gzd-additional-info { background: var(--Background-Light2); color: var(--Background-Primary) } ul.products li.product p.wc-gzd-additional-info:last-of-type, .woocommerce ul.products li.product p.wc-gzd-additional-info:last-of-type { padding-bottom: 1.5rem } ul.products li.product a.added_to_cart, .woocommerce ul.products li.product a.added_to_cart { display: none; } .woocommerce ul.products li.product .yith-wcwl-add-button a.button.alt:not(.theme-button-style), ul.products li.product a.button, ul.products li.product .yith-wcwl-add-to-wishlist a, ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse, .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse { background-color: var(--Background-Secondary); border: 1px solid var(--Stroke-Primary); border-radius: 0; color: #fff; padding: 1rem; height: 3.5rem; text-align: center; } .woocommerce .up-sells.products ul.products li.product .yith-wcwl-add-button a.button.alt:not(.theme-button-style), .woocommerce .related.products ul.products li.product .yith-wcwl-add-button a.button.alt:not(.theme-button-style), .woocommerce .up-sells.products ul.products li.product a.button, .woocommerce .up-sells.products ul.products li.product .yith-wcwl-add-to-wishlist a, .woocommerce .up-sells.products ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse, .woocommerce .related.products ul.products li.product a.button, .woocommerce .related.products ul.products li.product .yith-wcwl-add-to-wishlist a, .woocommerce .related.products ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse { border-color: var(--Text-Secondary); background: var(--Background-Light2); color: var(--Background-Primary); } ul.products li.product .yith-wcwl-add-to-wishlist a:not(.button), .woocommerce .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a:not(.button) { background-color: transparent } /* ul.products li.product .ws-content-product-wrap > a.button:last-of-type, .woocommerce ul.products li.product .ws-content-product-wrap > a.button:last-of-type { */ /* button product_type_simple add_to_cart_button ajax_add_to_cart added */ /* button product_type_simple add_to_cart_button ajax_add_to_cart */ /* button product_type_variable add_to_cart_button */ ul.products li.product .ws-content-product-wrap > a.button:last-of-type, .woocommerce ul.products li.product .ws-content-product-wrap > a.button:last-of-type, ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button, .woocommerce ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button { margin-right: 3.5rem; width: calc(100% - 3.5rem); border-width: 1px 0 0 0; font-size: 1rem; height: 3.5rem; flex-shrink: 0; margin-top: 0; background-color: var(--Background-Secondary); border-color: var(--Stroke-Primary); } .woocommerce .up-sells.products ul.products li.product .ws-content-product-wrap > a.button:last-of-type, .woocommerce .related.products ul.products li.product .ws-content-product-wrap > a.button:last-of-type, .woocommerce .up-sells.products ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button, .woocommerce .related.products ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button { border-color: var(--Text-Secondary); background: var(--Background-Light2); } ul.products li.product .ws-content-product-wrap > a.button:last-of-type:hover, .woocommerce ul.products li.product .ws-content-product-wrap > a.button:last-of-type:hover, ul.products li.product:hover .ws-content-product-wrap > a.button:last-of-type, .woocommerce ul.products li.product:hover .ws-content-product-wrap > a.button:last-of-type, ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button:hover, .woocommerce ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button:hover, ul.products li.product:hover .ws-content-product-wrap > a.button.add_to_cart_button, .woocommerce ul.products li.product:hover .ws-content-product-wrap > a.button.add_to_cart_button { border-color: var(--Stroke-onHover); color: #fff } .woocommerce .up-sells.products ul.products li.product:hover .ws-content-product-wrap > a.button:last-of-type, .woocommerce .related.products ul.products li.product:hover .ws-content-product-wrap > a.button:last-of-type, .woocommerce .up-sells.products ul.products li.product .ws-content-product-wrap > a.button:last-of-type:hover, .woocommerce .related.products ul.products li.product .ws-content-product-wrap > a.button:last-of-type:hover, .woocommerce .up-sells.products ul.products li.product:hover .ws-content-product-wrap > a.button.add_to_cart_button, .woocommerce .related.products ul.products li.product:hover .ws-content-product-wrap > a.button.add_to_cart_button, .woocommerce .up-sells.products ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button:hover, .woocommerce .related.products ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button:hover { border-color: var(--Stroke-onHover2); color: var(--Background-Primary); } /* ul.products li.product .woocommerce-LoopProduct-link + a.button:before, .woocommerce ul.products li.product .woocommerce-LoopProduct-link + a.button:before { */ /* button product_type_variable add_to_cart_button */ li.product:not(.outofstock):not(.product-type-variable) .ws-content-product-wrap > a.button.add_to_cart_button:before { display: inline-block; content: "+"; font-family: 'GeneralSans',sans-serif; font-weight: 300; font-size: 1.325rem; float: left; max-width:0; width: 2rem; overflow: hidden; transition: max-width .75s } /* ul.products li.product .woocommerce-LoopProduct-link + a.button:hover:before, .woocommerce ul.products li.product .woocommerce-LoopProduct-link + a.button:hover:before { */ li.product:not(.outofstock):not(.product-type-variable) .ws-content-product-wrap > a.button.add_to_cart_button:hover:before { max-width: 2rem; } .woocommerce ul.products li.product .yith-wcwl-add-button a.button.alt:not(.theme-button-style), ul.products li.product .yith-wcwl-add-to-wishlist a.button, ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse, ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a.button, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { padding: 1rem; width: 3.5rem; border-width: 1px 0 0 1px; position: absolute; text-align: center; font-size: 0; bottom:0; right: 0; min-width: unset; height: 3.5rem; opacity: 1 !important; } ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse { display: flex; align-items: center; justify-content: center; } .yith-wcwl-add-to-wishlist { margin-top: 0!important; } .yith-wcwl-add-button>a i, .yith-wcwl-add-button>a img { margin-right:0!important } .yith-wcwl-add-to-wishlist a.add_to_wishlist>img, .yith-wcwl-add-to-wishlist a.delete_item>img, .yith-wcwl-add-to-wishlist a.move_to_another_wishlist>img, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse img { max-width: 1rem!important; } .up-sells.products .yith-wcwl-add-button>a.add_to_wishlist>img, .related.products .yith-wcwl-add-button>a.add_to_wishlist>img { filter:invert(1); } ul.products li.product .yith-wcwl-add-to-wishlist a.button span { font-size: 0; } .woocommerce ul.products li.product .yith-wcwl-add-button a.button.alt:not(.theme-button-style):hover, ul.products li.product .ws-content-product-wrap > a.button:last-of-type:hover, ul.products li.product .yith-wcwl-add-to-wishlist a.button:hover, ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse:hover, .woocommerce ul.products li.product .ws-content-product-wrap > a.button:last-of-type:hover, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a.button:hover, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse:hover, ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button:hover, .woocommerce ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button:hover { background-color: var(--Stroke-Primary); } .woocommerce ul.products li.product .yith-wcwl-add-button a.button.alt:not(.theme-button-style):hover, .woocommerce .up-sells.products ul.products li.product .ws-content-product-wrap > a.button:last-of-type:hover, .woocommerce .up-sells.products ul.products li.product .yith-wcwl-add-to-wishlist a.button:hover, .woocommerce .up-sells.products ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse:hover, .woocommerce .related.products ul.products li.product .ws-content-product-wrap > a.button:last-of-type:hover, .woocommerce .related.products ul.products li.product .yith-wcwl-add-to-wishlist a.button:hover, .woocommerce .related.products ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse:hover, .woocommerce .up-sells.products ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button:hover, .woocommerce .related.products ul.products li.product .ws-content-product-wrap > a.button.add_to_cart_button:hover { border-color: var(--Stroke-onHover2); color: var(--Background-Primary); } .woocommerce ul.products li.product .yith-wcwl-add-button a.button.alt:not(.theme-button-style):hover, ul.products li.product .yith-wcwl-add-to-wishlist a.button:hover, .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a.button:hover { color: var(--Text-Tertiary); } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.loading::after { opacity: 0 } .woocommerce .up-sells.products ul.products li.product .yith-wcwl-add-to-wishlist a.button:hover, .woocommerce .related.products ul.products li.product .yith-wcwl-add-to-wishlist a.button:hover { color: var(--Background-Primary); background-color: var(--Background-Light3); } #yith-wcwl-popup-message { font-weight: 500; color: var(--Text-Tertiary2); background-color: var(--Background-Light) } .woocommerce ul.products, .woocommerce-page ul.products { margin: 0 1rem 3rem; display: flex; flex-wrap: wrap; } ul.products { padding-left: 0 } .woocommerce ul.products.ws_tinycarousel_wrap_products, .woocommerce-page ul.products.ws_tinycarousel_wrap_products { margin: 0 0 0 -1rem } .woocommerce ul.products li.product .ws-content-product-wrap, .woocommerce-page ul.products li.product .ws-content-product-wrap, ul.products li.product .ws-content-product-wrap { border: 1px solid var(--Stroke-Primary); padding: 0; box-shadow: none; background: var(--Background-Primary); border-radius: 0; position: relative; overflow: hidden; line-height: 1.2; /* margin: 2rem 1rem 0!important; */ margin: 0 1rem 0!important; display: flex; flex-direction: column; justify-content: space-between; max-width: 20.625rem; height: 100%; transition: all .5s; } .woocommerce .up-sells.products li.product .ws-content-product-wrap, .woocommerce-page .up-sells.products li.product .ws-content-product-wrap, .woocommerce .related.products li.product .ws-content-product-wrap, .woocommerce-page .related.products li.product .ws-content-product-wrap { border-color: var(--Text-Secondary); background-color: var(--Background-Light2); } .woocommerce ul.products li.product:hover .yith-wcwl-add-button a.button.alt:not(.theme-button-style), .woocommerce ul.products li.product:hover .ws-content-product-wrap, .woocommerce-page ul.products li.product:hover .ws-content-product-wrap, ul.products li.product:hover .ws-content-product-wrap, .woocommerce ul.products li.product:hover a.button, .woocommerce-page ul.products li.product:hover a.button, ul.products li.product:hover a.button, ul.products li.product:hover .yith-wcwl-add-to-wishlist a { border-color: var(--Stroke-onHover); } .woocommerce .up-sells.products ul.products li.product:hover .yith-wcwl-add-button a.button.alt:not(.theme-button-style), .woocommerce .related.products ul.products li.product:hover .yith-wcwl-add-button a.button.alt:not(.theme-button-style), .woocommerce .up-sells.products li.product:hover .ws-content-product-wrap, .woocommerce-page .up-sells.products li.product:hover .ws-content-product-wrap, .woocommerce .related.products li.product:hover .ws-content-product-wrap, .woocommerce-page .related.products li.product:hover .ws-content-product-wrap, .woocommerce .up-sells.products ul.products li.product:hover a.button, .woocommerce-page .up-sells.products ul.products li.product:hover a.button, .up-sells.products ul.products li.product:hover .yith-wcwl-add-to-wishlist a, .woocommerce .related.products ul.products li.product:hover a.button, .woocommerce-page .related.products ul.products li.product:hover a.button, .related.products ul.products li.product:hover .yith-wcwl-add-to-wishlist a { border-color: var(--Stroke-onHover2); } body.woocommerce-page .yith-wcwl-add-to-wishlist .blockOverlay { background-color: transparent !important; } @media (max-width:991px) { .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { padding: 5rem 0; } fieldset { margin: 2rem 0; padding: 1.5rem; } fieldset .account-title { margin-bottom: 1.5rem } } @media (max-width:767px) { .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { padding: 2.5rem 0; } .loop_item_content { padding: 1.5rem 1.5rem 0; } .woocommerce ul.products, .woocommerce-page ul.products { margin: 0 0 3rem; } ul.products li.product p.wc-gzd-additional-info, .woocommerce ul.products li.product p.wc-gzd-additional-info { padding: 0 1.5rem; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, h2.woocommerce-loop-product__title, #content .woocommerce h2.woocommerce-loop-product__title { font-size: 1rem; max-height: 72px; } .product-loop-subtitle { font-size: 0.675rem; } .woocommerce ul.products li.product .price, ul.products li.product .price { font-size: 1.5rem; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; } } /* pagination */ .woocommerce nav.woocommerce-pagination { margin-bottom: 30px; } .woocommerce nav.woocommerce-pagination li { margin-bottom:0!important } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 2rem 0 0!important } @media (max-width: 1439px) { .woocommerce ul.products li.product .ws-content-product-wrap, .woocommerce-page ul.products li.product .ws-content-product-wrap, ul.products li.product .ws-content-product-wrap { max-width: 25rem; } } @media only screen and (max-width: 479px) { .woocommerce ul.products:not(.ws_tinycarousel_wrap_products), .woocommerce-page ul.products:not(.ws_tinycarousel_wrap_products) { align-items: flex-start; } .woocommerce ul.products:not(.ws_tinycarousel_wrap_products) li.product, .woocommerce-page ul.products:not(.ws_tinycarousel_wrap_products) li.product { width: 100%!important; } .woocommerce ul.products:not(.ws_tinycarousel_wrap_products) li.product .ws-content-product-wrap, .woocommerce-page ul.products:not(.ws_tinycarousel_wrap_products) li.product .ws-content-product-wrap, ul.products:not(.ws_tinycarousel_wrap_products) li.product .ws-content-product-wrap { /* margin: 2rem auto 0 !important; */ /* margin: 2rem 1rem 0 !important; */ max-width: unset; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, h2.woocommerce-loop-product__title, #content .woocommerce h2.woocommerce-loop-product__title { height: auto; text-overflow: unset; font-size: 1.5rem; max-height: unset; } } @media only screen and (min-width: 480px) and (max-width:799px) { .woocommerce ul.products:not(.ws_tinycarousel_wrap_products) li.product, .woocommerce-page ul.products:not(.ws_tinycarousel_wrap_products) li.product { width: 50%!important; } } @media only screen and (min-width: 800px) and (max-width:1439px) { .woocommerce .related.products ul.products li.product, .woocommerce-page .related.products ul.products li.product { width: 33.333%!important; } } @media only screen and (min-width: 800px) and (max-width:899px) { .woocommerce ul.products:not(.ws_tinycarousel_wrap_products) li.product, .woocommerce-page ul.products:not(.ws_tinycarousel_wrap_products) li.product { width: 33.333%!important; } .related.products .loop_item_content { padding: 1rem 1rem 0; } .related.products ul.products li.product p.wc-gzd-additional-info, .woocommerce .related.products ul.products li.product p.wc-gzd-additional-info { padding: 0 1rem } .related.products ul.products li.product p.wc-gzd-additional-info:last-of-type, .woocommerce .related.products ul.products li.product p.wc-gzd-additional-info:last-of-type { padding-bottom: 1rem; } .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title, .related.products h2.woocommerce-loop-product__title { font-size: 1rem; max-height: 4.5rem; } .related.products ul.products li.product .ws-content-product-wrap > a.button:last-of-type, .woocommerce .related.products ul.products li.product .ws-content-product-wrap > a.button:last-of-type { font-size: .875rem; padding: 1rem .25rem; } .related.products li.product:not(.outofstock):not(.product-type-variable) .ws-content-product-wrap > a.button.add_to_cart_button:before { font-size: 1.25rem; width: 1.5rem; } } @media only screen and (min-width: 900px) and (max-width:1079px) { .woocommerce ul.products:not(.ws_tinycarousel_wrap_products) li.product, .woocommerce-page ul.products:not(.ws_tinycarousel_wrap_products) li.product { width: 50%!important; } } /* .woocommerce ul.products.ws_tinycarousel_wrap_products { } */ @media (min-width: 1080px) and (max-width: 1439px) { .woocommerce ul.products:not(.ws_tinycarousel_wrap_products) li.product, .woocommerce-page ul.products:not(.ws_tinycarousel_wrap_products) li.product { width: 33.333%!important; } } @media only screen and (min-width: 1440px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { /* width: 22.6rem!important; */ width: 25%!important; } .woocommerce ul.products li.product .ws-content-product-wrap, .woocommerce-page ul.products li.product .ws-content-product-wrap, ul.products li.product .ws-content-product-wrap { max-width: unset } } @media only screen and (min-width: 1921px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 20%!important; } } @media only screen and (min-width: 2600px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 16.666%!important; } } @media only screen and (min-width: 3000px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 14.285%!important; } } @media only screen and (min-width: 3460px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 12.5%!important; } } /* end archive & product lists */ /* upsells/related products on single */ .up-sells.products, .related.products { position: relative; /* left: calc(50% - 50vw); */ left: 0; width: 100vw; border-top: 1px solid var(--Text-Secondary); border-bottom: 1px solid var(--Text-Secondary); background: var(--Background-Light); color: var(--Background-Primary); overflow: hidden; } .up-sells.products h2, .related.products h2 { color: var(--Background-Primary); } .woocommerce .related.products ul.products, .woocommerce-page .related.products ul.products { margin: 0 -1rem 3rem; } /* cart */ .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: left; width: 100%; } .woocommerce .woocommerce-cart-form .shop_table, .cart-collaterals .cart_totals .shop_table { border-collapse: separate; border-spacing: 0; border: none; } .woocommerce .woocommerce-cart-form .shop_table.cart { margin-bottom: 1rem } .woocommerce-cart .cart-collaterals .cart_totals .shop_table { background-color: transparent; margin-bottom: 1rem } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border: none; } .woocommerce-cart .cart-collaterals .cart_totals tr.order-total td, .woocommerce-cart .cart-collaterals .cart_totals tr.order-total th { border-top: 1px solid var(--Stroke-Primary); padding-top: 1rem } .woocommerce-cart .cart-collaterals .cart_totals tr:not(.order-total) th { font-weight: 400; color: var(--Text-Secondary); } .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td { padding: .25rem 1.5rem .5rem; } .woocommerce-cart .cart-collaterals .cart_totals tr.cart-coupon-tr td { padding-bottom: 1.25rem; text-align: left; } @media (max-width:768px) { .woocommerce-cart .cart-collaterals .cart_totals tr.cart-coupon-tr td::before { display:none } .woocommerce-cart .cart-collaterals .cart_totals tr.cart-coupon-tr td { padding-bottom: 1rem!important } .ws-checkout-coupon { text-align: left; } .woocommerce-cart .cart-collaterals .cart_totals tr.order-total td { padding-top: .75rem !important; } .product-name-val a { font-size: 1rem; } } .woocommerce .woocommerce-cart-form .shop_table td, .woocommerce .woocommerce-cart-form .shop_table th { padding: 1rem .5rem } .woocommerce .woocommerce-cart-form .shop_table.cart td:first-child { border-left: 1px solid var(--Stroke-Primary); } .woocommerce .woocommerce-cart-form .shop_table td:last-child, .woocommerce .woocommerce-cart-form .shop_table th:last-child { padding-right: 1.5rem; } .woocommerce .woocommerce-cart-form .shop_table.cart td:last-child { border-right: 1px solid var(--Stroke-Primary); } .woocommerce .woocommerce-cart-form .shop_table th.product-quantity, .woocommerce .woocommerce-cart-form .shop_table td.product-quantity { width: 10rem; text-align: center; } .woocommerce .woocommerce-cart-form .shop_table td.product-name { padding-left:1.5rem; width: 100%; max-width: 50% } .woocommerce .woocommerce-cart-form .shop_table td.product-name p { margin-bottom: 0; } .woocommerce .woocommerce-cart-form .shop_table thead th { background-color: var(--Background-Primary); font-size: 0.75rem; font-weight: 500; color: #fff } .product-name-val a { font-size: 1.125rem; font-weight: 500; color: #fff } .wc-gzd-cart-info.item-desc *, .woocommerce .woocommerce-cart-form .shop_table .product-name .variation * { color: var(--Text-Secondary); font-size: .875rem !important; font-family: inherit !important; font-weight: 400; text-align: left !important; margin: 0!important } .woocommerce .shop_table .product-quantity a.remove { color: #F05252!important; font-size: 0.75rem; font-weight: 500; height: auto; width: auto; margin-top: .5rem; /* padding: .25rem; */ border-radius: 0; text-decoration: none; } .woocommerce .shop_table .product-quantity a.remove:hover { color: #fff !important; background: transparent; } .woocommerce .woocommerce-cart-form .shop_table td.product-thumbnail { background-color: var(--Background-Primary); width: 7.25rem; height: 5.9rem; padding: 0 } .woocommerce .woocommerce-cart-form .shop_table td.product-thumbnail a { display: block; width: 100%; height:100%; position: relative; } .woocommerce .woocommerce-cart-form .shop_table td.product-thumbnail a img { position: absolute; top:0; left:0; width: 100%; height:100%!important; object-fit: cover; object-position: center; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100%; } .woocommerce .woocommerce-cart-form .shop_table td.product-price, .woocommerce .woocommerce-cart-form .shop_table td.product-subtotal { font-size: 1rem; font-weight: 500; text-align: right; } .woocommerce .woocommerce-cart-form .shop_table td.product-price { width: 3rem } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 140px; height: 40px; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { display: flex; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { margin-right: 15px } .wc-proceed-to-checkout { text-align: right; } .woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total { font-size: 1rem; font-weight: 500 } .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals td { padding-bottom: 1rem } .woocommerce-cart .cart-collaterals .cart_totals .order-tax { font-size: .875rem; font-weight: 500 } .woocommerce ul#shipping_method .amount { font-weight: 500; } .woocommerce .shop_table .shipping-calculator-form .button { padding: 1rem 1.5rem; font-size: .875rem; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom-color: var(--Stroke-Primary); } #add_payment_method li.woocommerce-PaymentMethod input, .wc_payment_methods.payment_methods input { -webkit-appearance: auto; -moz-appearance: initial; appearance: auto; accent-color: var(--Text-Tertiary); } #add_payment_method li.woocommerce-PaymentMethod label, .wc_payment_methods.payment_methods label { line-height: 1.2 } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { border: 1px solid var(--Stroke-Primary); background: var(--Background-Secondary); color: inherit; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--Background-Secondary); } @media (max-width:768px) { .woocommerce .woocommerce-cart-form .shop_table.cart tr { border-bottom: 5px solid var(--Background-Primary); } .woocommerce .woocommerce-cart-form .shop_table td { padding: .5rem 1rem!important } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { font-weight: 500; } .woocommerce .woocommerce-cart-form .shop_table td { max-width: unset!important; width: 100%!important; } .woocommerce .woocommerce-cart-form .shop_table td.product-name { text-align: left!important; padding-top: .75rem !important; } .woocommerce .woocommerce-cart-form .shop_table td.product-name:before { display:none; } .woocommerce .shop_table .product-quantity a.remove { text-align: right; } } /**/ /* shop tables style */ .woocommerce table.shop_table { border: 1px solid var(--Stroke-Primary); margin: 0 -1px 1.5rem 0; border-radius: 0; background-color: var(--Background-Secondary); /* border-collapse: collapse; */ border-collapse:separate; border-spacing:0 .25rem; } /* .woocommerce .woocommerce-MyAccount-content table.shop_table { } */ .woocommerce table.shop_table th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 500 } .woocommerce .shop_table td:last-child, .woocommerce .shop_table th:last-child { text-align: right; } .woocommerce table.shop_table tbody td { border-top: 1px solid var(--Stroke-Primary); } .woocommerce .shop_table .button { margin-top: 0; min-width: auto; /* padding: 6px 10px; height: auto; font-size: 14px; */ line-height: 1; padding: .25rem .425rem; height: auto; font-size: .875rem; } @media only screen and (max-width: 479px) { .woocommerce table.shop_table { font-size: .875rem; } .woocommerce table.shop_table td, .woocommerce table.shop_table th { padding-left: .25rem; padding-right: .25rem; } } /* end cart page */ /* checkout */ .woocommerce-billing-fields, .woocommerce-additional-fields__field-wrapper, .checkout .pickup_address.woocommerce-Address-title, .checkout .woocommerce-shipping-fields { margin-bottom: 25px } .woocommerce form .form-row.place-order { flex-direction: column; align-items: flex-start; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { min-width: 230px; min-height: 58px; } /* #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { line-height: 2rem; margin-left: 10px; } */ /* .woocommerce-checkout #order_review #payment, .woocommerce-checkout .woocommerce-additional-fields { margin-bottom: 24px } */ #content .woocommerce .woocommerce-checkout .woocommerce-additional-fields h3 { margin-bottom: .75rem } .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table { margin-bottom:3rem } .woocommerce-checkout .woocommerce-account-fields input.input-checkbox { width: 1rem; height: 1rem; margin-top:-.325rem } /* .form-row.place-order.wc-gzd-place-order { text-align:center } */ .woocommerce form .form-row.checkbox-legal { margin-bottom: 1rem } .woocommerce-billing-fields { padding-top:.325rem } h3#ship-to-different-address { margin-bottom: 1rem; } h3 > label.woocommerce-form__label.woocommerce-form__label-for-checkbox { margin-bottom: 0 } label.woocommerce-form__label.woocommerce-form__label-for-checkbox { display:flex!important; font-size: .875rem } label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme { margin: 1.375rem 0; display:inline-flex!important; } label.woocommerce-form__label.woocommerce-form__label-for-checkbox input { position: absolute; z-index: -1; opacity: 0; } label.woocommerce-form__label.woocommerce-form__label-for-checkbox span { padding-left: 1.5rem; font-size: .875rem; position: relative; cursor:pointer; line-height: 1.3; } /* rapidmail checkbox */ .woocommerce form .form-row.checkbox-legal, .woocommerce form.woocommerce-checkout .form-row#rapidmail_newsletter_field { padding: .875rem 1rem .5rem !important; margin-bottom: 1rem; border: 1px solid var(--Stroke-Primary); background: var(--Background-Secondary); color: var(--Text-Secondary); } .woocommerce form .form-row.checkbox-legal { border: 1px solid var(--Text-Tertiary) } .woocommerce form .form-row.checkbox-legal.validate-required.woocommerce-invalid { color: #fff; background: var(--wc-red); border-color: var(--Stroke-Primary) } .woocommerce form .form-row.checkbox-legal.validate-required.woocommerce-invalid label .required, .woocommerce form .form-row.checkbox-legal.validate-required.woocommerce-invalid #legal_description.checkout-inline-error-message { color: #fff; } #rapidmail_newsletter_field label.checkbox, #profile_terms_field label.checkbox { position: relative; display: block; padding-left: 1.5rem; font-size: .875rem; cursor:pointer; line-height: 1.3; display: block; padding-bottom: .5rem; } .woocommerce form.woocommerce-checkout .form-row#rapidmail_newsletter_field label.checkbox { padding-bottom: .0; } #rapidmail_newsletter_field label.checkbox input.input-checkbox, #profile_terms_field label.checkbox input.input-checkbox { position: absolute; z-index: -1; opacity: 0; } /**/ label.woocommerce-form__label.woocommerce-form__label-for-checkbox input + span::before, #rapidmail_newsletter_field label.checkbox span::before, #profile_terms_field label.checkbox .required::before { position: absolute; display: block; top: 0; left: 0; width: 1rem; height: 1rem; line-height: .875rem; font-size: .675rem; content: '\e90e'; font-family: 'midgards'; color: transparent; text-align: center; background-color: var(--Background-Primary); pointer-events: none; border: 1px solid var(--Stroke-Primary); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } label.woocommerce-form__label.woocommerce-form__label-for-checkbox input:checked + span::before, #rapidmail_newsletter_field label.checkbox input:checked ~ span::before, #profile_terms_field label.checkbox input:checked ~ .required::before { color: #fff; } /**/ .pickup-fields-wrapper { margin-bottom: 30px } /* end chechout page */ /* order details */ .woocommerce-notice.woocommerce-thankyou-order-received { font-size: 140%; margin-bottom: 30px; } .woocommerce ul.order_details { padding-left: 0; margin-bottom: 15px; } .woocommerce ul.order_details li { margin-bottom: 15px; border-right-color: #000 } .woocommerce-order .addresses address { margin-bottom: 30px!important; background: #fff; } @media only screen and (max-width: 991px) { .woocommerce ul.order_details { display: flex; flex-wrap:wrap; } .woocommerce ul.order_details li { flex-basis: calc(33.333% - 15px); flex-shrink: 0; padding-right: 15px; margin-right: 15px; } .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation { float: none; width: 100%!important; } .account-title, .woocommerce-account h2 { margin-bottom: 1.5rem; } /* .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom:40px } */ } @media only screen and (max-width: 768px) { .woocommerce ul.order_details li { flex-basis: 100%; padding-right: 0; margin-right: 0; border-right: none } } .calculated_shipping .woocommerce-shipping-destination { display:none!important; } /* paypal button */ .product .summary .ppc-button-wrapper { max-width: 490px; } #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .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 { line-height: 1.2 } /* shipping methods radio buttons */ .woocommerce ul.woocommerce-shipping-methods { /* float: right; */ margin-top: -2px; list-style: none outside; margin: 0; padding: 0; } .woocommerce ul.woocommerce-shipping-methods li { text-align: right; } .woocommerce ul.woocommerce-shipping-methods > li:not(:last-child) { margin-bottom: 1rem } .woocommerce ul#shipping_method.woocommerce-shipping-methods li input { /* vertical-align: baseline;*/ appearance: auto; margin-top:.25rem!important } .woocommerce ul.woocommerce-shipping-methods > li > input[type="radio"][id*="multiple-local-pickup"] { position: absolute; z-index: -1; opacity: 0; } .woocommerce ul.woocommerce-shipping-methods ul.pickup-locations { margin-bottom: 0; padding-left: 0; font-weight: normal; } .woocommerce ul.woocommerce-shipping-methods ul.pickup-locations li:last-child { margin-bottom:0 } .pickup-location-info { font-size: 14px; line-height: 1.2; padding: 5px 0 0 24px } .pickup-location-info p { margin-bottom: 8px; } .pickup-location-info p:last-child { margin-bottom:0 } .woocommerce ul.woocommerce-shipping-methods li label { cursor: pointer } .woocommerce-cart .cart-collaterals .shipping-calculator-button { margin-top:0 } @media (min-width:769px) { .woocommerce-shipping-totals.shipping td .ws-explain-text { display:none } } @media (max-width:768px) { .woocommerce ul.woocommerce-shipping-methods { clear: both; padding-top: 8px!important; } #add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination { text-align: left } .woocommerce .woocommerce-shipping-totals .woocommerce-shipping-calculator { text-align: right } .woocommerce-shipping-totals.shipping .ws-explain-text { clear:both; margin: 34px 0 6px; text-align: left; } } @media (max-width:479px) { .woocommerce ul#shipping_method.woocommerce-shipping-methods li input { margin-top: 2px!important; } .woocommerce-shipping-totals.shipping .ws-explain-text { font-size: 12px; margin-top: 24px } .pickup-location-info { font-size: 12px; padding: 5px 0 0 20px; } .woocommerce ul.woocommerce-shipping-methods li label { font-size: 13px } .woocommerce ul.woocommerce-shipping-methods label.custom-checkbox input + span::before { top:0 } } @media (max-width:992px) { .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; } } /* woo lightbox */ .pswp .pswp__bg { background: rgba(0,0,0,0.75)!important; transition: opacity .5s!important } /* ajax woo search */ .aws-container .aws-search-field { color: #fff; padding: 0 2.5rem 0 1rem!important; line-height: 2.5rem; font-size: .875rem; border: 1px solid var(--Stroke-Primary); } .aws-container .aws-search-field:focus { background-color: var(--Background-Secondary); border-color: var(--Stroke-onHover); } .aws-container .aws-search-form .aws-loader { right: 48px; border-top: 2px solid #ededed; border-right: 2px solid #ededed; border-bottom: 2px solid #ededed; border-left: 2px solid #555; } .aws-container .aws-search-form .aws-loader, .aws-container .aws-search-form .aws-loader:after { width: 17px; height: 17px; } .aws-container .aws-search-form .aws-search-clear { color: #fff; width: 2.375rem; padding: 0 0 0 0.625rem; z-index:3 } .aws-container .aws-search-form .aws-form-btn { background: var(--Background-Primary); border: 1px solid var(--Stroke-Primary); position: absolute; right: 0; top: 0; height: 100%; z-index: 2; } .aws-container .aws-search-form .aws-search-btn_icon { color: var(--Text-Secondary); } .aws-container .aws-search-form .aws-form-btn:hover, .aws-container .aws-search-form.aws-focus .aws-form-btn { background: var(--Stroke-Primary); border-color: var(--Stroke-onHover); } .aws-container .aws-search-form.aws-form-active .aws-form-btn .aws-search-btn_icon { color: transparent } .aws-search-result { background: var(--Stroke-Primary); border: 1px solid var(--Stroke-onHover); font-size: .875rem; line-height: 1.33; } @supports not selector(::-webkit-scrollbar) { .aws-search-result { scrollbar-width: thin; scrollbar-color: var(--Background-Primary) var(--Stroke-Primary); } } .aws-search-result ul::-webkit-scrollbar { width: 3px; background-color:var(--Stroke-Primary); } .aws-search-result ul::-webkit-scrollbar-thumb { border-radius: 2px; background-color: var(--Background-Primary); } .aws-search-result ul::-webkit-scrollbar-track { border-radius: 2px; -webkit-box-shadow: none; background-color: var(--Stroke-Primary); } .aws-search-result ul li { border-bottom: 1px solid var(--Stroke); } .aws-search-result .aws_result_item.hovered, .aws-search-result .aws_result_item:hover, .aws-search-result .aws_search_more a:hover { background: var(--Stroke); } .aws-search-result .aws_result_link { padding: .5rem 1rem; } .aws-search-result .aws_result_title { font-size: 0.875rem; font-weight: 500; color: #fff } .aws-search-result .aws_search_more a { line-height: 2.5rem; font-weight: 500; font-size: 0.875rem; color: var(--Background-Primary); border-top: 1px solid var(--Stroke-Primary); background: var(--Background-Light); } .aws-search-result .aws_search_more:hover a, .aws-search-result .aws_search_more a:hover { color: var(--Text-Tertiary); border-top: 1px solid var(--Stroke-Primary); background: var(--Background-Light); } li.aws_result_item.aws_no_result { text-align: center; font-weight: 500 } /**/ .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: var(--Stroke-Primary); } .woocommerce form .form-row .required { font-weight: 400; line-height: 1; color: var(--Text-Secondary); } .woocommerce form .form-row.woocommerce-invalid label { color: var(--wc-red) !important; } .woocommerce form .form-row.woocommerce-invalid label .required { color: var(--wc-red); } /**/ body.woocommerce-cart .blockOverlay, body.woocommerce-checkout .blockOverlay, body.woocommerce-cart .loading, body.woocommerce-page .blockOverlay, body.woocommerce-checkout .loading { background-color: rgba(20, 20, 20, .8) !important; } /* yith affiliates dashboard */ /* .yith-wcaf-dashboard { max-width: 1200px; margin: 0 auto; padding: 2rem 1rem; } */ .yith-wcaf-dashboard ul.yith-wcaf-dashboard-navigation { margin-bottom: 2.5rem } .yith-wcaf-dashboard ul.yith-wcaf-dashboard-navigation:after { border-bottom: 1px solid var(--Stroke-Primary); } .yith-wcaf-dashboard ul.yith-wcaf-dashboard-navigation li.is-active { border-bottom: 1px solid var(--Text-Tertiary); } .yith-wcaf-dashboard ul.yith-wcaf-dashboard-navigation li a { font-size: 0.875rem; font-weight: 500; color: var(--Text-Secondary) } .yith-wcaf-dashboard ul.yith-wcaf-dashboard-navigation li a:hover, .yith-wcaf-dashboard ul.yith-wcaf-dashboard-navigation li.is-active a { color: var(--Text-Tertiary); } /**/ .yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats { grid-column-gap: 1.5rem; margin-bottom: 2.5rem; } .yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats .stat-box { border: 1px solid var(--Stroke-Primary); border-radius: 0; } .yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats .stat-box .stat-item .stat-label { color: #fff; font-weight: 500; } .yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats .stat-box .stat-item.large .stat-value { font-size: 3rem; font-weight: 500; } .yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats .stat-box .stat-item { border-bottom: 1px solid var(--Stroke-Primary); padding: 1rem; } .yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats .stat-box .stat-item .stat-value { font-weight: 500; } .yith-wcaf-dashboard .dashboard-title h3, .yith-wcaf-dashboard h3 { font-size: 1rem!important; color: var(--Text-Secondary); margin-bottom: 0 } .yith-wcaf-dashboard table.yith-wcaf-table { border-spacing: 0; font-size:.875rem } .yith-wcaf-dashboard table.yith-wcaf-table thead tr th { padding: .75rem 1rem; background-color: var(--Background-Primary); font-size: 0.875rem; font-weight: 600; line-height: 110%; letter-spacing: 0.175rem; text-transform: uppercase; } .yith-wcaf-dashboard table.yith-wcaf-table tr .column-amount { text-align: right; } .yith-wcaf-dashboard table.yith-wcaf-table tr td { border-top: 1px solid var(--Stroke-Primary); border-bottom: 1px solid var(--Stroke-Primary); padding: .75rem 1rem; } .yith-wcaf-dashboard table.yith-wcaf-table tr td:last-child { border-right-width: 0; border-top-right-radius:0; border-bottom-right-radius:0; } .yith-wcaf-dashboard table.yith-wcaf-table tr td:first-child { border-left-width: 0; border-top-left-radius:0; border-bottom-left-radius: 0; } @media (min-width: 992px) { .yith-wcaf-dashboard .yith-wcaf-table-top-bar { display: table; width: 100%; margin: 0!important; } .yith-wcaf-dashboard .yith-wcaf-table { margin-top: 1rem!important } .yith-wcaf-table-top-bar input, .yith-wcaf-table-top-bar select { line-height: 2.5rem; height:2.5rem; font-size: .875rem; max-width: 150px!important; margin: 0 .25rem .5rem 0!important } .yith-wcaf-table-top-bar input[type="submit"] { padding: .25rem 1.5rem; line-height: 2rem; flex-shrink: 0; } .yith-wcaf-table-top-bar label { font-size: .875rem } .per-page input { max-width: 60px !important; padding: 0 0 0 1rem; margin: 0 0 0 .5rem !important; } .yith-wcaf-dashboard .yith-wcaf-table-top-bar .table-filters { margin-right: 1rem; display: flex; float: left; } } .yith-wcaf-notice-message { background-color: var(--Background-Secondary); border-radius: 0; padding: 1rem 1.5rem; } .yith-wcaf-link-generator .link-generator-box { border: 1px solid var(--Stroke-Primary); border-radius: 0; } .yith-wcaf-link-generator .link-generator-box h4 { font-size: 1.5rem!important } .yith-wcaf-link-generator .link-generator-box .affiliate-info .bold-text, .yith-wcaf-link-generator .link-generator-box .link-generator .bold-text { font-weight: 600!important } .yith-wcaf-link-generator .link-generator-box .affiliate-info p .copy-field-wrapper input.copy-target, .yith-wcaf-link-generator .link-generator-box .link-generator p .copy-field-wrapper input.copy-target { color: var(--Text-Secondary); padding-right: 110px; border-color: var(--Stroke-onHover); } .yith-wcaf-link-generator .link-generator-box.double-column .link-generator { background-color: var(--Background-Secondary); border-left: 1px solid var(--Stroke-Primary); border-top-right-radius: 0; border-bottom-right-radius: 0; } .yith-wcaf-link-generator .link-generator-box .affiliate-info p .copy-field-wrapper .copy-trigger:before, .yith-wcaf-link-generator .link-generator-box .link-generator p .copy-field-wrapper .copy-trigger:before { filter: invert(.8); } .yith-wcaf-link-generator .link-generator-box .affiliate-info p .copy-field-wrapper .copy-trigger, .yith-wcaf-link-generator .link-generator-box .link-generator p .copy-field-wrapper .copy-trigger { color: var(--Text-Secondary) } /**/ .yith-wcaf-registration-form .register-form { padding: 0!important; background-color: var(--Background-Secondary)!important; border-radius: 0!important; } .yith-wcaf-registration-form .already-an-affiliate-wrapper, .yith-wcaf-registration-form .become-an-affiliate-form, .yith-wcaf-registration-form .pending-request-wrapper, .yith-wcaf-registration-form .rejected-request-wrapper { background-color: var(--Background-Secondary)!important; border: 1px solid var(--Stroke-Primary)!important; border-radius: 0!important; } .yith-wcaf-registration-form .register-form p.form-row span.optional { display: initial!important; } .yith-wcaf-registration-form .login-form p.form-row .error-msg, .yith-wcaf-registration-form .register-form p.form-row .error-msg { bottom: -.75rem !important; color: var(--wc-red) !important; left: .125rem !important; } .yith-wcaf-registration-form .login-form p.form-row.terms-privacy-policy .error-msg, .yith-wcaf-registration-form .register-form p.form-row.terms-privacy-policy .error-msg, .yith-wcaf-registration-form .login-form p.form-row#profile_terms_field .error-msg, .yith-wcaf-registration-form .register-form p.form-row#profile_terms_field .error-msg { bottom: .25rem!important } /* yith wishlist page */ .woocommerce .wishlist-title { margin-bottom: 0!important; } table.wishlist_table { border-collapse: collapse!important; border:none!important } table.wishlist_table tbody td { border-top-width: 0; } table.wishlist_table thead th { background-color: var(--Background-Primary); border-color: var(--Background-Primary); padding: .5rem!important; font-size: .75rem } table.wishlist_table thead th.product-price { /* text-align: right; */ } h4.yith-wcwl-share-title { font-size: 1.25rem } table.wishlist_table tbody td { padding: 1rem 1.5rem!important; } table.wishlist_table tbody td.product-name { width: 60% } table.wishlist_table tbody td.product-name a { font-size: 1.125rem; font-weight: 500; text-decoration: none; transition: color .5s } table.wishlist_table tbody td.product-price { font-size: 1rem; font-weight: 500; text-align: right; padding: 1rem .5rem!important; width: 0; min-width: fit-content; white-space: nowrap; } table.wishlist_table tbody td.product-name a:hover { color: var(--Text-Tertiary); } table.wishlist_table tbody td.product-thumbnail { padding: 0!important; height: 5.94rem; width: 7.25rem; min-width: 7.25rem } table.wishlist_table tbody td.product-thumbnail a { position: relative; display: block; height: 100%; width: 100%; max-width: unset; background: var(--Background-Primary); } table.wishlist_table tbody td.product-thumbnail a img { position: absolute; top:0;left:0; width: 100%; height: 100%!important; object-fit: cover; object-position: center; } .wishlist_table .product-add-to-cart a.button.alt { margin: 0 !important; border: none; display: inline-flex!important; padding: .925rem 1.5rem!important; white-space: nowrap; } /* mobile version */ ul.wishlist_table.mobile, ul.shop_table { padding-left: 0; padding-top: .5rem; background: var(--Background-Secondary); border: 1px solid var(--Stroke-Primary); } ul.wishlist_table.mobile.shop_table { padding-top: 0; border: none; } .wishlist_table.mobile li { position: relative; padding: 0!important; margin: 0 !important; border-bottom: 5px solid var(--Background-Primary); } .wishlist_table.mobile li:last-child { border-bottom-width: 0; } /* .wishlist_table.mobile li .product-remove { position: absolute; top: .25rem; right: 1rem; } */ .wishlist_table.mobile li .item-wrapper .product-thumbnail { max-width: 4rem; min-height: 3.8rem; margin-right: 0 } .wishlist_table.mobile .product-thumbnail a { display: block; background: var(--Background-Primary); width: 4rem; height: 100%; aspect-ratio: 1.2; position: relative; } .wishlist_table.mobile .product-thumbnail a img { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; } ul.wishlist_table.mobile .product-name h3 { font-size: .875rem !important; letter-spacing: 0.1px; margin-bottom: .5rem !important; } ul.wishlist_table.mobile .product-name h3 a { text-decoration: none; } .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label { font-weight: 500; } .wishlist_table.images_grid li .item-details table.item-details-table td, .wishlist_table.mobile li .item-details table.item-details-table td, .wishlist_table.mobile li table.additional-info td, .wishlist_table.modern_grid li .item-details table.item-details-table td { font-size: .875rem; } .wishlist_table.mobile li .item-wrapper { width: 100%!important; display: flex; margin-bottom: 0; } ul.wishlist_table .additional-info-wrapper { padding: 1rem 1.5rem 1rem 0; align-self: center; } .wishlist_table.mobile li .item-wrapper .item-details { padding: 1rem; display: flex; justify-content: space-between; } .ws-wishlist-mobile-product-data { width: 100%; padding-right: 1.5rem; } .wishlist_table.images_grid li .item-details table.item-details-table, .wishlist_table.mobile li .item-details table.item-details-table, .wishlist_table.mobile li table.additional-info, .wishlist_table.modern_grid li .item-details table.item-details-table { margin-bottom: 0!important } .wishlist_table.mobile li .item-details table.item-details-table { width: auto } .wishlist_table.mobile li .item-details table.item-details-table td:first-child { padding-left: 0 } .wishlist_table .product-add-to-cart a { margin: .5rem 0 0 auto !important; font-size: .875rem; } .wishlist_table .product-add-to-cart a.remove_from_wishlist { margin: 0 0 0 2rem !important; text-decoration: none; color: var(--Red); } .wishlist_table .product-add-to-cart a.remove_from_wishlist:hover { color: #fff; } .wishlist_table.mobile li .item-details table.item-details-table .woocommerce-Price-amount { font-weight: 500 ; } .wishlist_table.mobile li .item-details table.item-details-table del .woocommerce-Price-amount { font-weight: 400 ; } .wishlist_table.mobile li .item-details table.item-details-table ins { text-decoration: none; } h4.yith-wcwl-share-title { font-size: 1rem; } .product-remove .remove_from_wishlist { text-decoration: none; color: var(--Red); font-size: .875rem; } @media (max-width: 767px) { .wishlist_table.mobile li .item-wrapper { flex-wrap: wrap; border: 1px solid var(--Stroke-Primary); } .wishlist_table.mobile li .item-wrapper .item-details { flex-basis: calc(100% - 4rem); padding: .5rem .5rem .5rem 1rem; } .wishlist_table.mobile li .additional-info-wrapper { flex-basis: 100%; border-top: 1px solid var(--Stroke-Primary); padding: .75rem 1rem 0.5rem; } .ws-wishlist-mobile-product-data { padding-right: 0 } .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a.button.alt { width: 100% } .wishlist_table.mobile .product-thumbnail a img { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; } ul.wishlist_table.mobile .product-name h3 { font-size: .875rem !important; letter-spacing: 0.1px; margin-bottom: .25rem !important; } .wishlist_table.mobile li .item-details table.item-details-table td { padding-top:0; font-size: .75rem } .wishlist_table.mobile li .additional-info-wrapper .product-remove { text-align: center; } .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table { margin-bottom: 1rem; } } @media (max-width: 574px) { .woocommerce-cart .wc-proceed-to-checkout { padding: 1rem 1rem 0; } } .cart_item .variation p, .mini_cart_item .variation p { display:inline } /**/ #review_form #lang-comments-link, #review_form p:has(#lang-comments-link) { display:none } /**/ .woocommerce-product-rating .wc-gzd-additional-info.wc-gzd-rating-authenticity-status { display: none } /* klarna */ klarna-placement.klarna-onsite-messaging-product::part(osm-container) { color: var(--Text-Secondary) !important; background: transparent!important; border: none!important; padding: .625rem 0 0!important; color: #fff!important; font-size: 13px; } klarna-placement.klarna-onsite-messaging-product::part(osm-cta) { color: var(--Text-Secondary) !important; font-size: 13px; } .klarna_payments_container { background-color: var(--Text-Secondary); } .klarna_payments_container * { margin:0!important; padding:0!important; border-width:0!important } /* image upload */ .single_variation_wrap .wcpa_wrap .wcpa_upload_custom_1 .awpca_custom_file p { color: var(--Text-Secondary); } .wcpa_field_wrap.wcpa_type_file.wcpa_label_pos_left .wcpa_left_wrap { align-items: center } .wcpa_field_wrap.wcpa_type_file.wcpa_label_pos_left .wcpa_left_wrap > .wcpa_field_label { margin-bottom: 5px; }