📁 File Manager Pro
v10.0.3 | PHP: 8.2.31
Server: LiteSpeed
2026-07-04 06:27:05
📂
/ (Root)
/
home
/
orkouolp
/
web
/
orkofarms.com
/
wp-content
/
themes
/
martfury
/
css
📍 /home/orkouolp/web/orkofarms.com/wp-content/themes/martfury/css
🔄 Refresh
✏️
Editing: woocommerce.scss
Writable
.woocommerce { a.button, button.button, input.button, #respond input#submit { @include btn-primary(); border-radius: 0; &:hover { background-color: var(--mf-background-primary-color); color: var(--mf-background-primary-text-color); } &:disabled, &:disabled[disabled], .disabled { padding: 0 25px; color: var(--mf-background-primary-text-color); } &.alt { @include btn-primary(); &:hover { background-color: var(--mf-background-primary-color); color: var(--mf-background-primary-text-color); } } &:hover, &:focus, &:active { outline: none; } } ul.products { margin: 0; li.product { margin-bottom: 25px; padding-left: 0; padding-right: 0; &.product-category { padding: 20px; border: 1px solid transparent; .woocommerce-loop-category__title { color: #000; font-weight: 400; margin-top: 15px; line-height: 1; padding: 0; .count { background-color: transparent; } } &:hover { border-color: #c0c0c0; .woocommerce-loop-category__title, .count { color: var(--mf-primary-color); } } } .product-inner { padding: 20px 20px 0; border: 1px solid transparent; border-bottom: none; margin-bottom: 30px; &:hover { border-color: #c0c0c0; .footer-button { opacity: 1; } .mf-product-details-hover { opacity: 1; z-index: 100; background-color: $light; border-color: #c0c0c0; pointer-events: auto; } .mf-product-thumbnail .footer-button { bottom: 0; } .hover-image { opacity: 1; } } .mf-rating { .count { display: inline-block; } } } a img { margin: 0; width: auto; &.lazy { width: 100%; } } .onsale { margin: 0; top: 0; right: 0; } .sold-by-meta { display: none; } .mf-vendor-name { .sold-by-meta { display: block; border-bottom: 1px solid #e1e1e1; padding-bottom: 8px; margin-bottom: 13px; line-height: 1.2; font-size: 12px; a { color: #000; text-transform: uppercase; } .sold-by-label { display: none; } } } .meta-brand { padding-bottom: 3px; color: #000; a { color: #666; padding-left: 5px; &:hover { color: #000; } } } .mf-product-details { position: relative; } .woocommerce-product-details__short-description { display: none; } .mf-product-price-box .footer-button { display: none; } .mf-product-content br { display: none; } .mf-attr-swatches { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 15px; margin-left: -5px; margin-right: -5px; .swatch-image { display: inline-block; padding: 0 5px; cursor: pointer; transition: 0.35s; overflow: hidden; img { max-width: 45px !important; height: auto; border: 1px solid transparent; } &:hover img { border-color: #c0c0c0; } } .slick-arrow { z-index: 10; color: #999; top: 55%; transition: 0.5s; &:hover { color: $dark; } } .slick-prev-arrow { left: -13px; } .slick-next-arrow { right: -13px; } &.slick-slider { margin-left: 0; margin-right: 0; } } .mf-product-details-hover { position: absolute; left: -21px; right: -21px; top: 0; opacity: 0; border: 1px solid transparent; border-top: none; min-height: 100%; padding: 0 20px 20px; pointer-events: none; .mf-rating { display: none; } .sold-by-meta { display: block; border-bottom: 1px solid #e1e1e1; padding-bottom: 8px; margin-bottom: 13px; line-height: 1.2; font-size: 12px; color: $dark; .sold-by-label { display: none; } a { color: $dark; text-transform: uppercase; font-weight: 400; &:hover { color: var(--mf-primary-color); } } } .product-title { color: var(--mf-primary-color); } a.button { font-size: 14px; height: 42px; line-height: 42px; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 15px; .add-to-cart-text { transition: padding 0.3s; line-height: 1; } &.added:after, i { display: none; } &:after { display: inline-block; position: static; order: -1; width: 13px; height: 13px; border-color: var(--mf-background-primary-text-color) var(--mf-background-primary-text-color) var(--mf-background-primary-text-color) transparent; } &.loading { .add-to-cart-text { padding-left: 5px; } } } .added_to_cart { display: none; } } .yith-wcwl-add-to-wishlist { .yith-wcwl-add-button, .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse { position: relative; .blockUI { display: none !important; } & > a { padding: 0; } } .yith-wcwl-add-button .add_to_wishlist.loading { &:after { @include mf-small-loading(); display: block; position: absolute; top: 10px; left: 9px; } &:hover { &:after { border-color: var(--mf-background-primary-text-color) var(--mf-background-primary-text-color) var(--mf-background-primary-text-color) transparent; } } .yith-wcwl-icon { opacity: 0; } } .feedback { display: none; } } .wcboost-wishlist-button { padding: 0; } .compare-button { .compare { &:before { @include icon('\e7fc'); } &:after { display: none; } &.loading { position: relative; opacity: 0.5; &:after { @include mf-small-loading(); display: block; position: absolute; top: 10px; left: 9px; } &:before { opacity: 0; } &:hover { &:after { border-color: var(--mf-background-primary-text-color) var(--mf-background-primary-text-color) var(--mf-background-primary-text-color) transparent; } } } &.added { opacity: 1; &:before { opacity: 1; } &:after { opacity: 0; } } } .blockUI { display: none !important; } } .wcboost-products-compare-button { display: inline-flex; justify-content: center; align-items: center; .wcboost-products-compare-button__icon { margin-right: 0; } .wcboost-products-compare-button__text { display: none; } &.loading { &::before, &::after { display: none; } } } .mf-product-thumbnail { position: relative; margin-bottom: 12px; .hover-image { position: absolute; top: 0; left: 0; opacity: 0; } &.hover-swatch { .footer-button { opacity: 0; } } .yith-wcwl-add-to-wishlist { margin: 0 6px; position: static; .yith-wcwl-add-button, .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse { & > a { color: $dark; width: 34px; height: 34px; line-height: 34px; margin: 0; background-color: transparent; display: flex; align-items: center; justify-content: center; border-radius: 50%; .fa-heart-o:before { @include icon('\e68c'); font-size: 18px; } & > span { display: none; } &:hover { background-color: var(--mf-background-primary-color); color: var(--mf-background-primary-text-color); } } .yith-wcwl-icon { margin-top: 2px; font-size: 14px; margin-right: 0; } } } .wcboost-wishlist-button { margin: 0 6px; position: static; color: $dark; font-size: 16px; width: 34px; height: 34px; background-color: transparent; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; .wcboost-wishlist-button__icon { margin: 2px 0 0; line-height: 1; font-size: 18px; svg { margin-left: 1px; } } .wcboost-wishlist-button__text { display: none; } &.added { .wcboost-wishlist-button__icon { margin-top: 0; } } &:hover, &.added:hover { background-color: var(--mf-background-primary-color); color: var(--mf-background-primary-text-color); } } .compare-button { margin-left: 6px; .compare { width: 34px; height: 34px; line-height: 34px; display: block; overflow: hidden; color: $dark; background-color: transparent; margin: 0; padding: 0; border-radius: 50%; &:hover { background-color: var(--mf-background-primary-color); color: var(--mf-background-primary-text-color); } &:before { width: 34px; height: 34px; line-height: 34px; font-size: 18px; text-align: center; } } } .wcboost-products-compare-button { width: 34px; height: 34px; border-radius: 50%; .wcboost-products-compare-button__icon { font-size: 16px; color: $dark; } &:hover { background-color: var(--mf-background-primary-color); .wcboost-products-compare-button__icon { color: var(--mf-background-primary-text-color); } } } .footer-button { position: absolute; left: 0; bottom: -15px; right: 0; background-color: $light; z-index: 10; opacity: 0; display: flex; align-items: center; justify-content: center; padding: 10px 0; transition: bottom 0.3s; & > a, .added_to_cart { margin: 0 6px; padding: 0; background-color: transparent; width: 34px; height: 34px; color: $dark; border-radius: 50%; .p-icon { height: 34px; font-size: 18px; display: flex; align-items: center; justify-content: center; } &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } &:hover { background-color: var(--mf-background-primary-color); color: var(--mf-background-primary-text-color); } } .ajax_add_to_cart, & > .button { &.loading { .p-icon { display: none; } } &:after { font-size: 14px; top: 10px; line-height: 1; text-align: center; left: 10px; width: 14px; height: 14px; } &.added { display: none; } } .added_to_cart { overflow: hidden; margin-left: 0; &:before { @include icon("\e934"); height: 34px; font-size: 18px; display: flex; align-items: center; justify-content: center; } } .add-to-cart-text { display: none; } } } h2, .woo-loop-product__title { margin: 0; font-weight: 400; padding: 0 0 5px; font-size: 14px; line-height: 1.3; a { color: #0066cc; display: inline-block; } &:hover a { color: var(--mf-primary-color); } } .star-rating { color: #fcb800; font-size: 16px; margin-bottom: 0; &:before { color: #ccc; } span:before { color: #fcb800; } } .price { font-size: 16px; color: $dark; line-height: 1; display: block; position: relative; margin-top: 5px; margin-bottom: 0; .amount { + .amount { padding-left: 5px; padding-right: 0; } } del { display: inline-block; padding-left: 5px; opacity: 1; color: $gray; font-size: 14px; span { color: $gray; } .amount { padding-top: 0; } } ins { text-decoration: none; display: inline-block; color: #ff3300; font-size: 16px; font-weight: 400; .amount { padding-top: 0; } } .sale { display: none; } } } &:not(.slick-slider) { display: flex; flex-wrap: wrap; &:before, &:after { display: none; } } } .mf-rating { display: flex; align-items: center; margin-top: 0; .star-rating { margin-right: 7px; } .count { display: none; } } .star-rating { font-size: 16px; width: 79px; &:before, span:before { font-family: Ionicons; content: "\f2fc\f2fc\f2fc\f2fc\f2fc"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 3px; } &:before { color: $gray-light; } span:before { color: #f2b309; } } .quantity { position: relative; .qty { border-width: 0; width: 60px; padding: 10px 0; -moz-appearance: textfield; appearance: textfield; -webkit-appearance: textfield; text-align: center; font-weight: 600; color: $dark; display: inline-block; background-color: transparent; &::-webkit-outer-spin-button, &::-webkit-inner-spin-button { -webkit-appearance: none; } } } .mf-shop-content + .term-description { margin-top: 50px; } &.shop-view-list { ul.products:not(.slick-slider) li.product { width: 100%; margin-bottom: 0; border-bottom: 1px solid #f0f0f0; &.product-category { padding: 20px 0; & > a { display: flex; align-items: flex-start; } .woocommerce-loop-category__title { padding-left: 20px; } } .product-inner { display: flex; padding: 20px; margin-bottom: 0; } .mf-product-thumbnail { width: 21%; margin-bottom: 0; .footer-button { display: none; } } .mf-rating { margin-top: 5px; } .mf-vendor-name { display: none; } .mf-product-details { position: static; padding-left: 30px; width: 79%; display: flex; justify-content: space-between; .mf-product-content { max-width: 376px; padding-right: 30px; float: left; } h2 { padding-bottom: 0; } h2 a:hover { color: var(--mf-primary-color); text-decoration: underline; } .mf-product-price-box { float: right; min-width: 185px; .price { font-size: 18px; font-weight: 600; ins { font-size: 18px; font-weight: 600; } del { font-size: 14px; font-weight: 400; } } .footer-button { display: block; & > .button.added { display: none; } } .yith-wcwl-add-to-wishlist { display: inline-block; margin: 0 5px; position: static; .yith-wcwl-add-button, .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse { & > a { display: flex; align-items: center; color: #666; font-size: 14px; background-color: transparent; height: auto; line-height: 1; font-weight: 400; &.button { padding-left: 15px; padding-right: 15px; height: 40px; line-height: 40px; } .fa-heart:before, .fa-heart-o:before, .yith-wcwl-icon { font-size: 14px; } &:hover { color: var(--mf-primary-color); &:before { color: #666; } } & > i { margin-right: 0; } & > span { display: block; padding-left: 5px; margin-top: 1px; } } } .yith-wcwl-add-button .add_to_wishlist.loading { &:after { top: 5px; left: 0; } } .feedback { display: none; } } .wcboost-wishlist-button { display: inline-flex; margin: 0 5px; position: static; text-align: center; background-color: transparent; color: #666; font-size: 16px; line-height: 1; .wcboost-wishlist-button__icon { margin-right: 5px; } .wcboost-wishlist-button__text { font-size: 14px; } &:hover { color: var(--mf-primary-color); } } .compare-button { display: inline-block; margin: 0 5px; .compare { padding: 0; background-color: transparent; margin-top: 0; color: #666; font-weight: 400; font-size: 14px; display: flex; align-items: center; &:before { padding-right: 5px; } &:after { top: 5px; left: -3px; } &:hover { color: var(--mf-primary-color); &:after { border-color: var(--mf-border-primary-color) var(--mf-border-primary-color) var(--mf-border-primary-color) transparent; } } } } .wcboost-products-compare-button { display: inline-flex; background-color: transparent; .wcboost-products-compare-button__icon { color: #666; margin-right: 6px; } .wcboost-products-compare-button__text { display: inline; color: #666; } &:hover { .wcboost-products-compare-button__icon, .wcboost-products-compare-button__text { color: var(--mf-primary-color); } } } .action-button { text-align: center; margin-top: 10px; display: flex; align-items: center; flex-wrap: wrap; .clear { display: none; } } .button:not(.add_to_wishlist) { font-weight: 600; border-radius: 3px; height: 42px; line-height: 42px; margin-top: 20px; width: 100%; padding-left: 10px; padding-right: 10px; &.loading { &:after { top: 14px; } } .p-icon { display: none; } } .added_to_cart.wc-forward { @include btn-primary(); border-radius: 3px; height: 42px; line-height: 42px; margin-top: 20px; padding-left: 10px; padding-right: 10px; width: 100%; } .product-quick-view { display: none; } } } .woocommerce-product-details__short-description { display: block; margin-top: 20px; margin-bottom: 0; line-height: 1.4; p { margin-bottom: 0; } } .mf-product-content { .star-rating { margin-bottom: 0; } .sold-by-meta { display: block; margin-top: 10px; color: $dark; font-size: 14px; line-height: 1.2; a { color: $dark; border-bottom: 1px solid transparent; line-height: 1; display: inline-block; &:hover { border-color: $dark; } } } br { display: none; } } .mf-product-details-hover { top: 100%; left: 0; right: 0; min-height: inherit; width: 100%; padding: 0 5px 10px 20px; .sold-by-meta, h2, .price, .meta-brand { display: none; } .mf-attr-swatches { margin-bottom: 0; max-width: 175px; } a.button { display: none; } } } } .woocommerce-product-details__short-description { line-height: 1.4; p { margin-bottom: 0; } ul { list-style: none; margin: 0; padding: 0; li { position: relative; padding-left: 15px; &:before { content: ''; width: 6px; height: 6px; background-color: #999999; border-radius: 50%; position: absolute; top: 7px; left: 0; } } } } /** * Product Page */ div.product { margin-bottom: 0; position: relative; .woocommerce-product-gallery { width: 43%; float: left; padding-bottom: 35px; .woocommerce-product-gallery__trigger { display: none; } .woocommerce-product-gallery__image { cursor: pointer; } &.loading { @include mf-loading(); &::before { z-index: 99999; } &::after { content: ''; display: inline-block; position: absolute; background-color: #fff; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999; } } } div.images { margin-bottom: 0; padding-left: 70px; position: relative; .mf-video-content { .woocommerce-product-gallery__image { display: none; } } &.active-first-image { .mf-video-wrapper { display: none; } .woocommerce-product-gallery__image { display: block; width: 100%; } .flex-control-nav { & > li > .i-video { display: none; } } } .product-image-ms { position: absolute; bottom: 0; left: 70px; text-align: center; width: calc(100% - 70px); } &.without-thumbnails { padding-left: 0; .product-image-ms { left: 0; } } .product-degree-images { position: absolute; bottom: 50px; left: 90px; z-index: 999; width: 55px; height: 55px; text-align: center; border-radius: 50%; border: 2px solid var(--mf-border-primary-color); line-height: 1; padding-top: 5px; cursor: pointer; background-color: $light; i { font-size: 30px; height: 26px; display: block; } .number { display: inline-block; width: 100%; margin-left: 2px; small { font-size: 6px; vertical-align: top; margin-top: 2px; padding-left: 1px; display: inline-block; } } } .flex-control-nav { position: absolute; top: -5px; left: 0; width: 70px; opacity: 0; &.slick-initialized { opacity: 1; transition-delay: 0.5s; } &.no-slick { opacity: 1; } li { float: none; width: 55px; padding: 5px 0; position: relative; &:hover { img { border-color: var(--mf-border-primary-color); } } img { border: 1px solid #d9d9d9; opacity: 1; &.flex-active { border-color: var(--mf-border-primary-color); } } } .slick-arrow { font-size: 14px; color: $light; left: 1px; transform: none; right: 1px; bottom: 0; z-index: 99; height: 20px; line-height: 20px; text-align: center; background-color: rgba(0, 0, 0, 0.7); opacity: 0; transition: 0.35s; &:hover { background-color: rgba(0, 0, 0, 1); } } .slick-prev-arrow { top: -10px; } .slick-next-arrow { bottom: -10px; top: auto; } &:hover { .slick-prev-arrow { top: 5px; opacity: 1; } .slick-next-arrow { bottom: 7px; opacity: 1; } } } &.has-video { .flex-control-nav li { position: relative; cursor: pointer; .i-video { width: 36px; height: 36px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.25); border: 2px solid rgba(255, 255, 255, 0.5); font-size: 13px; color: $light; text-align: center; line-height: 34px; pointer-events: none; } } } .mf-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; iframe, video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } } .entry-summary { width: 57%; padding-left: 30px; float: right; } div.summary { margin-bottom: 0; } .summary-sep { height: 90px; width: 100%; } .mf-summary-header { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; flex-wrap: wrap; br { display: none; } .mf-summary-meta { padding: 0 18px; position: relative; &:after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ""; width: 1px; height: 13px; background-color: #d3d3d3; } &:first-child { padding-left: 0; } &:last-child { padding-right: 0; &:after { display: none; } } } .sold-by-meta { font-size: 14px; color: $dark; a { font-size: 16px; text-transform: uppercase; font-weight: 600; color: #0099cc; } } } .woocommerce-product-gallery__wrapper { max-height: 570px; overflow: hidden; margin: 0; display: flex; align-items: stretch; &.loaded { overflow: inherit; max-height: inherit; } } .product_title { font-size: 24px; color: $dark; font-weight: 400; line-height: 1.2; margin-bottom: 6px; } .woo-short-description { margin-bottom: 45px; color: #666; } span.price, p.price { color: $dark; font-size: 24px; margin-bottom: 10px; font-weight: 600; line-height: 1; ins { font-size: 24px; color: #ff3300; text-decoration: none; font-weight: 600; } del { opacity: 1; font-size: 14px; color: #666; font-weight: 500; padding-left: 5px; .woocommerce-Price-amount { padding-right: 0; &:first-child { padding-right: 0; } } } .sale { font-size: 14px; color: #ff3300; font-weight: 500; } .woocommerce-Price-amount { padding-right: 8px; &:last-child { padding-left: 8px; padding-right: 0; } &:first-child { padding-right: 8px; padding-left: 0; } } } .woocs_price_info + .sale { display: none; } p.stock { font-size: 14px; color: $dark; font-weight: 600; margin-bottom: 0; &.in-stock { color: #8bc500; } &.out-of-stock { color: #ff0000; } label { color: $dark; padding-right: 5px; font-weight: 400; } } .woocommerce-product-details__short-description { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; .mf-features-text { background-color: #f4f4f4; padding: 25px; ul { li { list-style: none; position: relative; padding-left: 45px; margin-bottom: 15px; strong { color: $dark; font-weight: 600; } &:last-child { margin-bottom: 0; } &:before { display: none; } &.no-icon { padding-left: 0; } i { font-size: 22px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } } } } } .woocommerce-product-rating { margin-bottom: 0; } .social-links { a { width: 40px; height: 40px; line-height: 40px; color: $light; background-color: #1b4e9b; margin: 0 5px 10px; display: inline-block; text-align: center; font-size: 20px; &:last-child { margin-right: 0; } &:first-child { margin-left: 0; } } svg { vertical-align: -0.125em; width: 1em; height: 1em; fill: currentColor; display: inline-block; } .share-twitter { background-color: #00aeef; } .share-google-plus { background-color: #cc0000; } .share-linkedin { background-color: #0077b5; } .share-vkontakte { background-color: #4c75a3; } .share-pinterest { background-color: #c8232c; } .share-whatsapp { background-color: #25d366; } .share-email { background-color: #7d7d7d; } } .wc-tabs-wrapper { margin-bottom: 80px; ul.tabs { text-align: center; margin-bottom: 50px; padding: 0; border-bottom: 1px solid #e1e1e1; position: relative; width: 100%; background-color: transparent; border-right: none; li { border-radius: 0; margin: 0; padding: 0 20px 15px; border: none; background-color: transparent; a { padding: 0; font-weight: 600; font-size: 20px; color: #999; transition: 0.5s; line-height: 1; background-color: transparent; border-bottom: none; &:before { display: none; } &:hover { color: #999 } } &.active { a { color: $dark; } } &:before, &:after { display: none; } } &:before { display: none; } .tl-wc-tab { position: absolute; bottom: 0; width: 100%; height: 3px; background-color: var(--mf-background-primary-color); padding: 0; z-index: 10; } } .panel { margin: 0; padding: 0; color: #666; &:after { display: block; content: ""; clear: both; } &.woocommerce-Tabs-panel--additional_information > h2 { display: none; } table { width: 100%; border: none; th, td { padding: 5px 20px; border: none; } th { font-weight: 600; color: #333; text-transform: uppercase; } } table.un-table { th { background-color: #f2f2f2; border-bottom: none; } } .shop_attributes { border: 1px solid #e1e1e1; border-bottom: none; th { background-color: #f4f4f4; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-weight: 500; text-transform: none; color: $dark; } td { background-color: transparent; border-bottom: 1px solid #e1e1e1; font-style: normal; color: $dark; } } } } p.cart { margin-bottom: 2em; } form.cart { margin-bottom: 30px; div.quantity { float: left; margin: 0 30px 0 0; .label { font-size: 12px; display: block; line-height: 1; margin-bottom: 3px; } .qty-box { border: 1px solid rgba(0, 0, 0, 0.25); padding: 0 20px; transition: 0.5s; position: relative; &:hover { border-color: $dark; } } .decrease, .increase { font-size: 20px; cursor: pointer; color: #999; transition: 0.5s; display: inline-block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); &:hover { color: $dark; } } .increase { right: 10px; left: auto; } } .single_add_to_cart_button { background-color: var(--mf-background-primary-color); height: 52px; line-height: 52px; font-weight: 600; color: var(--mf-background-primary-text-color); font-size: 18px; min-width: 200px; border-radius: 3px; margin-top: 1px; &:after { top: 18px; } } .buy_now_button { border-radius: 3px; margin-top: 1px; margin-left: 30px; min-width: 180px; font-size: 18px; &.disabled { padding: 0; } } .clear { display: none; } .yith-wcwl-add-to-wishlist, .wcboost-wishlist-button { float: left; margin-top: 10px; } .mf-compare-button { float: left; margin-top: 10px; } table { border-width: 0 0 1px 0; td { padding-left: 0; } div.quantity { float: none; margin: 0; } small.stock { display: block; float: none; } } .variations { margin-bottom: 1em; border: 0; width: 100%; td, th { border: 0; vertical-align: top; line-height: 1; } label { font-weight: 700; } select { max-width: 100%; min-width: 75%; display: inline-block; margin-right: 1em; } td.label { padding-right: 1em; } } .woocommerce-variation-description { p { margin-bottom: 1em; } } .reset_variations { visibility: hidden; font-size: 0.83em; } .wc-no-matching-variations { display: none; } .button { vertical-align: bottom; float: left; white-space: nowrap; } .group_table { td.label { padding-right: 1em; padding-left: 1em; } td { vertical-align: top; padding-bottom: .5em; border: 0; } } } &.mf-has-buy-now { form.cart { .single_add_to_cart_button { min-width: 180px; background-color: $dark; color: $light; } } } .cart-external { display: flex; align-items: center; margin-bottom: 25px; p.cart { margin-bottom: 0; width: 100%; .single_add_to_cart_button { width: 100%; } } .actions-button { display: flex; align-items: center; } } .yith-wcwl-add-to-wishlist, .wcboost-wishlist-button, .compare.button { display: none; } .wcboost-products-compare-button { display: inline-flex; } .mf-wishlist-button { .yith-wcwl-add-to-wishlist { display: block; margin-left: 20px; margin-top: 0; } .wcboost-wishlist-button { display: inline-flex; margin-left: 20px; margin-top: 0; } } .yith-wcwl-add-to-wishlist { .yith-wcwl-add-button, .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse { & > a { width: 34px; height: 34px; color: #999; display: flex; align-items: center; justify-content: center; background-color: transparent; .fa-heart-o:before { @include icon('\e68c'); font-size: 26px; } .yith-wcwl-icon { font-size: 26px; margin-right: 5px; } &:hover { color: $dark; } & > span { display: none; } } } .feedback { display: none; } .blockUI:after { border: none; animation: none; } } .wcboost-wishlist-button { width: 34px; height: 34px; color: #999; align-items: center; justify-content: center; background-color: transparent; font-size: 26px; .wcboost-wishlist-button__icon { margin-right: 0; line-height: 1; } .wcboost-wishlist-button__text { display: none; } &:hover { color: $dark; } } .mf-compare-button { margin-left: 20px; .blockUI { display: none !important; } .compare { width: 34px; height: 34px; overflow: hidden; color: #999; border-radius: 50%; display: block; &:before { @include icon('\e7fc'); width: 34px; height: 34px; line-height: 34px; font-size: 26px; text-align: center; } &:hover { color: $dark; } &:after { display: none; } &.loading { position: relative; opacity: 0.25; &:after { @include mf-small-loading(); display: block; position: absolute; top: 10px; left: 9px; } &:before { opacity: 0; } } &.added { opacity: 1; &:before { opacity: 1; } &:after { opacity: 0; } } } .wcboost-products-compare-button { display: inline-flex; align-items: center; justify-content: center; margin-top: 0; margin-bottom: 0; .wcboost-products-compare-button__icon { font-size: 24px; line-height: 34px; color: #999; margin-right: 0; } .wcboost-products-compare-button__text { display: none; } &:hover { .wcboost-products-compare-button__icon { color: $dark; } } } } &.outofstock { .woocommerce-product-details__short-description { border-bottom: none; padding-bottom: 0; } } &.product-type-grouped { .cart { .group_table { width: 100%; margin-bottom: 20px; border: none; th { background-color: #e3e3e3; border: none; color: $dark; font-weight: 600; text-transform: uppercase; padding: 12px 15px; } .button { .p-icon { display: none; } } .product { width: 100%; float: none; padding: 0; } td { padding: 10px; color: #666; &:first-child { padding-left: 0; } &:last-child { padding-right: 0; } &.label { text-align: left; } a { color: $dark; font-size: 16px; } .woocommerce-Price-amount { display: block; } } .price { color: $dark; font-weight: 600; font-size: 16px; line-height: 1.2; del { color: #999; } } tr { &:last-child { border-bottom: none; } } } div.quantity { padding-left: 0; .label { display: none; } } } } &.product-type-variable { form.cart { .variations { position: relative; margin-bottom: 0; td { display: block; padding: 0; } td.label { margin-bottom: 13px; .mf-attr-value, .wcboost-variation-swatches__selected-label { font-weight: 600; color: $dark; text-transform: capitalize; } .mf-attr-value { padding-left: 5px; } } label { font-weight: 400; } td.value { padding: 0; margin-bottom: 17px; position: relative; display: inline-block; &.show-select { width: 100%; &:after { opacity: 1; } } } .reset_variations { display: block; text-align: left; color: #cc0000; font-weight: 400; text-decoration: underline; margin-top: 7px; font-size: 14px; } select { width: 100%; margin-right: 0; color: $dark; background-color: transparent; padding: 11px 15px 10px; text-transform: capitalize; cursor: pointer; border: 1px solid #d9d9d9; &:focus { outline: none; } } } .single_variation_wrap { & + .actions-button { display: none } } } } .single_variation_wrap { .woocommerce-variation-price { display: none; } } .tawcvs-swatches { padding: 0; .swatch { box-shadow: none; margin-right: 10px; border: 1px solid transparent; opacity: 1; display: inline-block; &.swatch-image { border-color: #d9d9d9; } &.swatch-label { width: auto; padding-right: 7px; padding-left: 7px; text-transform: uppercase; font-weight: 600; border-color: #d9d9d9; background-color: transparent; color: #999; min-width: 30px; } &.selected { border-color: var(--mf-border-primary-color); color: $dark; &:before { display: none; } } &.swatch-color { position: relative; transition: none; border: 3px solid transparent; &:after { position: absolute; top: -3px; bottom: -3px; right: -3px; left: -3px; background-color: transparent; border: 1px solid transparent; content: ""; } &:before { display: none; } &.selected { border-color: $light; &:after { border-color: var(--mf-border-primary-color); } } &.round { &:after { border-radius: 50%; } } &.rounded { &:after { border-radius: 4px; } } } } } .tawc-deal { padding: 25px; background-color: #f4f4f4; margin-bottom: 25px; .deal-expire-date { display: flex; align-items: flex-start; .deal-expire-text { width: 35%; font-size: 16px; font-weight: 600; text-transform: uppercase; white-space: pre-line; color: $dark; line-height: 1.3; } .deal-expire-countdown { .timer { display: inline-block; float: none; width: auto; padding: 0 15px; &:last-child { .digits:after { display: none; } } } .divider { display: none; } .digits { border: 1px solid #d0d0d0; background-color: #fff; padding: 12px 8px; min-width: 56px; position: relative; text-align: center; font-size: 30px; font-weight: 600; color: #ff0000; line-height: 1; margin-bottom: 5px; &:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -19px; content: ":"; color: #999; font-size: 24px; font-weight: 600; } } .text { font-size: 14px; color: #666666; } } } .deal-sold { &:after { clear: both; content: ""; display: block; } .deal-sold-text { width: 35%; font-size: 16px; font-weight: 600; text-transform: uppercase; white-space: pre-line; color: $dark; line-height: 1.3; float: left; } .deal-progress, .deal-text { width: 65%; padding-left: 15px; float: right; } .deal-text { margin-top: 5px; text-transform: capitalize; .amount { font-weight: 600; color: #669900; } } } } .product_meta { padding: 15px 0 0; border-top: 1px solid #e1e1e1; color: #999; #report_abuse { color: $dark; text-decoration: underline; } .simplePopup { .wcmp-abuse-report-title { font-size: 16px; font-weight: 400; } .report-abuse-form { table { width: 100%; border: none; } .submit { @include btn-secondary(); @include btn-small(); } } } #report-abuse { table { border: none; tr { td { border: none; } } } } .sku_wrapper { display: none; } .posted_in, .tagged_as { display: block; } .posted_in { a { color: #0099cc; } } & > span { font-weight: 400; span, a { color: #999; font-weight: 400; } a:hover { color: $dark; } } strong { font-weight: 400; color: $dark; } .wcvendors_ships_from { br { display: none; } & > span { color: $dark; } } } } /** * Reviews */ #reviews { #comments { margin-top: 40px; .woocommerce-Reviews-title { font-size: 16px; color: $dark; font-weight: 500; margin: 0 0 40px; background-color: #f5f5f5; padding: 20px; } ol.commentlist { padding: 0; li { padding: 0 0 27px; margin: 0 0 40px; border-bottom: 1px solid #e1e1e1; &:last-child { border-bottom: none; } img.avatar { width: 60px; border: none; padding: 0; background-color: transparent; border-radius: 50%; } .comment-text { margin: 0 0 0 90px; border-radius: 0; padding: 0; border: none; .star-rating { float: none; margin-bottom: 5px; font-size: 22px; width: 102px; } p { margin: 0 0 1em; } p.meta { font-size: 14px; color: #999; margin-bottom: 10px; strong { font-weight: 400; } .author-name { color: #0099cc; } } .woocommerce-review__author { position: relative; padding-right: 13px; margin-right: 10px; &:after { position: absolute; top: 2px; right: 0; content: ""; width: 1px; height: 12px; background-color: #a9a9a9; } } } } } } .average-rating { .average-label { font-size: 16px; color: $dark; font-weight: 400; margin: 0 0 10px; line-height: 1; } .average-value { font-size: 58px; font-weight: 500; color: #669900; line-height: 1; } } .woocommerce-product-rating { line-height: 1.4; .mf-rating .count { display: none; } .woocommerce-review-link { color: #666; .character { display: none; } } .star-rating { font-size: 24px; width: 110px; } } .bar-rating { margin-top: 30px; .star-item { display: flex; align-items: center; line-height: 1; margin-bottom: 13px; font-weight: 500; .slabel { min-width: 60px; } .sbar { margin-left: 10px; margin-right: 15px; min-width: 230px; } .bar-content { position: relative; width: 100%; height: 10px; background-color: #f1f1f1; span { background-color: #669900; display: block; height: 100%; } } } } .comment-respond { .comment-reply-title { font-size: 16px; font-weight: 600; text-transform: uppercase; display: block; text-align: left; } } .comment-form { .comment-form-rating { display: flex; align-items: center; flex-wrap: wrap; color: $dark; margin-bottom: 20px; label, .stars { margin: 0 !important; } .stars { padding-top: 5px; padding-left: 20px; } } } #respond { .form-submit { text-align: left; } } } #review_form { #respond { position: static; margin: 0; width: auto; padding: 0 0 0; background: transparent none; border: 0; .comment-reply-title { padding-bottom: 20px; } .comment-form-rating .stars { a { color: #f2b309; font-size: 16px; margin-right: 5px; } } .required { color: #cc0000; } .comment-notes { display: block; margin-bottom: 20px; } label { margin-bottom: 8px; display: block; } p { margin: 0 0 20px; } .form-submit { margin-top: 10px; input { left: auto; padding: 0 40px; } } input[type=text], input[type=email], textarea { border: 1px solid #d9d9d9; transition: 0.5s; outline: none; padding: 15px; width: 100%; color: $dark; &:focus { border-color: $dark; } } .comment-form-author, .comment-form-email { width: 50%; float: left; padding-right: 15px; } .comment-form-email { padding-left: 15px; padding-right: 0; } textarea { box-sizing: border-box; width: 100%; min-height: 165px; } } } table.shop_table { border: none; td, th { border: none; font-weight: 400; } th { border: none; color: $dark; border-bottom: 1px solid #e1e1e1; font-size: 14px; font-weight: 600; text-transform: uppercase; background-color: #f2f2f2; } td { border: none; color: $dark; vertical-align: top; border-bottom: 1px solid #d6d6d6; } tfoot { tr th { background-color: transparent; font-weight: 400; text-transform: none; } } } table.wishlist_table { font-size: 100%; opacity: 1 !important; margin-bottom: 80px; td { padding-top: 40px; padding-bottom: 30px; text-align: left; font-size: 16px; &.product-price { width: 200px; } &.product-add-to-cart { text-align: right; padding-right: 0; .button { display: inline-block !important; margin-bottom: 0; border-radius: 3px; padding: 0 25px !important; white-space: nowrap; &:after { top: 16px; right: 15px; } & > i + .p-icon { display: none; } } .remove_from_wishlist { border: 1px solid #ccc; background-color: transparent; color: #000; &:before { content: "\e935"; display: inline-block; font: normal normal normal 14px/1 linearicons; padding-right: 10px; } } .dateadded { font-size: 14px; } } } .product-name { .product-price, .product-add-to-cart { display: none; } } tr td.product-stock-status span.wishlist-in-stock, tr .product-stock-status .in-stock { color: #669900; } tr td.product-remove { vertical-align: middle; padding-bottom: 30px; width: 70px; padding-left: 0; .remove { color: #999 !important; background-color: transparent; position: relative; font-size: 0; &:after { @include icon("\e935"); font-size: 16px; } &:hover { color: $dark !important; background-color: transparent; } } } .product-price { color: $dark; del { color: #999; font-size: 13px; } ins { color: #cc0000; margin-right: 10px; } .sale { display: none; } } } .wishlist_table.mobile { margin: 0; padding: 0; li { border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; padding-bottom: 30px; } .item-details { h3 { font-size: 16px; font-weight: 600; margin: 0 0 10px; } .product-name { .product-price, .product-add-to-cart { display: none; } } } table.item-details-table { td.label { font-size: 14px; font-weight: 400 !important; padding: 0; } td.value { font-size: 14px; padding: 0; ins { padding-right: 10px; color: #cc0000; } del { color: #999; font-size: 13px; } .sale { display: none; } } } .additional-info-wrapper { padding-left: 75px; &:after { clear: both; content: ""; display: block; } table.additional-info { td.label { font-size: 14px; font-weight: 400 !important; padding: 0; } td.value { font-size: 14px; padding: 0; } } .product-add-to-cart { float: left; margin-right: 10px; .button { margin: 0 !important; height: 40px; line-height: 40px; padding: 0 15px !important; } } .product-remove { float: left; & > a { color: #000; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ccc; padding: 0 15px; display: block; } i:before { content: "\e935"; display: inline-block; font: normal normal normal 14px/1 linearicons; font-size: 16px; margin-top: 2px; } } } } &.wcboost-wishlist { .wcboost-wishlist-form .wcboost-wishlist-actions { & > .button { background-color: #000 !important; color: #fff !important; } } .shop_table { margin-bottom: 40px; } } form .form-row { margin-bottom: 10px; padding: 0; label { margin-bottom: 5px; display: block; } .input-text { color: $dark; min-width: inherit; border: 1px solid #ccc; padding: 16px; } .select2-container { .select2-choice { border: 1px solid #ccc; padding: 12px 25px; } } .select2-container .select2-selection--single { border: 1px solid #ccc; padding: 10px 16px; height: auto; border-radius: 0; min-height: 50px; .select2-selection__arrow { top: 15px; } .select2-selection__rendered { padding-left: 0; } } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; font-weight: 400; } ::-moz-placeholder { /* Firefox 19+ */ color: #999; font-weight: 400; } :-ms-input-placeholder { /* IE 10+ */ color: #999; font-weight: 400; } :-moz-placeholder { /* Firefox 18- */ color: #999; font-weight: 400; } } #shipping_method { li { cursor: pointer; text-align: left; line-height: 1; .woocommerce-Price-amount { font-weight: 400; text-align: right; float: right; padding-top: 3px; } .shipping_method { opacity: 0; display: none; &:checked + label { color: $dark; &:before { content: "\5c"; } .woocommerce-Price-amount { color: #fe0000; } } } input[type="hidden"] + label { padding-left: 0; &:before { display: none; } } label { display: inline-block; text-transform: inherit; position: relative; line-height: 1; font-size: 16px; padding-left: 20px; cursor: pointer; color: #666; &:before { content: "\5b"; font-family: ElegantIcons; font-size: 16px; position: absolute; top: 1px; left: -6px; transition: 0.5s; } } } } .woocommerce-shipping-destination { text-align: left; font-size: 14px; } .track_order { font-weight: 400; text-align: center; font-size: 16px; .form-row { text-align: left; label { color: $dark; } .button { width: 100%; margin-top: 20px; } } .form-track_order { margin-top: 60px; } } nav.woocommerce-pagination { margin-top: 50px; text-align: center; &.loaded { display: none; } ul { border: none; li { border-right-width: 0; margin: 0 0 10px; padding: 0 5px; list-style: none; .page-numbers { color: $dark; font-size: 14px; text-align: center; padding: 0 12px; height: 32px; line-height: 32px; display: block; background-color: #f5f5f5; min-width: 34px; &.next, &.prev { padding: 0 20px; } i { font-size: 10px; font-weight: 700; } } &:first-child { margin-left: 0; } a:focus { background-color: transparent; outline: none; } span.current, a:hover { background-color: var(--mf-background-primary-color); color: var(--mf-background-primary-text-color); } span.current { position: relative; &:before { position: absolute; bottom: -2px; left: 3px; border-bottom: 1px solid $dark; content: ""; width: 12px; height: 1px; } } .next, .prev { span { &:hover { color: $dark; background-color: transparent; } } } .next { padding-left: 10px; } .prev { padding-right: 10px; } } } &.infinite { text-align: center; ul { li { padding: 0; } .page-numbers { display: none; } .next { display: block; padding-left: 0; } } .dots-loading { font-size: 18px; letter-spacing: 15px; text-transform: uppercase; font-weight: 300; span { display: inline-block; } } } } .ribbons .ribbon { color: $light; font-size: 14px; font-weight: 600; text-align: center; display: block; margin: 0; position: absolute; background-color: #93be2b; z-index: 1; top: 0; right: 0; height: 27px; line-height: 27px; border-radius: 3px; padding: 0 13px; min-width: inherit; min-height: inherit; &.onsale { background-color: #f14705; left: auto; } &.featured { background-color: #ff8c46; } &.out-of-stock { background-color: #000000; color: $light; } } .widget_price_filter { .price_slider_wrapper { padding-top: 3px; &:after { clear: both; display: block; content: ""; } .ui-widget-content { background-color: $dark; border-radius: 0; height: 1px; cursor: pointer; margin-right: 15px; } } .ui-slider { margin: 5px 0 10px; .ui-slider-range { background-color: $dark; border-radius: 0; cursor: pointer; } .ui-slider-handle { background-color: $dark; border-radius: 50%; width: 15px; height: 15px; margin-left: 0; top: -7px; } } .price_slider_amount { position: relative; .price_label { position: absolute; top: 0; left: 0; right: 0; text-align: left; font-size: 16px; color: #999; } .button { width: 100%; margin-top: 70px; font-size: 14px; } } } .content-area { .page-description { padding-bottom: 100px; } } .mf-toolbar-empty-space { height: 40px; } .shop-toolbar { background-color: #f5f5f5; padding: 0 15px; &.active { .mf-filters i:before { content: "\e937"; } } .products-found, .woocommerce-ordering, .mf-filters { float: left; min-height: 51px; display: flex; align-items: center; } .products-found { strong { color: $dark; font-weight: 600; padding-right: 5px; } } .mf-filter-mobile { display: none; } .mf-filters { color: $dark; font-weight: 600; font-size: 16px; text-transform: uppercase; i { padding-left: 10px; font-size: 12px; color: $dark; font-weight: 700; } } .shop-view { float: right; display: flex; align-items: center; min-height: 51px; color: $dark; & > span { padding-right: 5px; } .mf-shop-view { margin-left: 15px; font-size: 24px; color: $gray; line-height: 1; margin-top: 3px; display: block; &.current { color: $dark; } } } &.multiple { .woocommerce-ordering { margin-right: 45px; } } .woocommerce-ordering { color: $dark; margin: 0; padding: 0; float: right; li { list-style: none; margin-bottom: 0; } & > li { display: inline-block; position: relative; color: #999; &.current { color: $dark; } } .cancel-ordering { display: none; } .current { min-width: 270px; display: inline-block; cursor: pointer; min-height: 33px; line-height: 33px; border: 1px solid #b8b8b8; background-color: #fff; padding: 0 25px 0 15px; &:after { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; @include icon('\e93a'); color: $dark; } } li > ul { margin: 0; position: absolute; top: 100%; left: 0; transition: top 0.5s; border: 1px solid #b8b8b8; background-color: $light; padding: 10px 15px; color: #999; transform: scale(0); z-index: -999; line-height: 1.4; min-width: 100%; li { padding: 5px 0; a { color: #999; white-space: nowrap; &.active, &:hover { color: $dark; } } } } li.current:hover { & > ul { transform: scale(1); z-index: 999; } } } &:after { display: block; content: ""; clear: both; } } } .mf-product-loop-hover-3, .mf-product-loop-hover-4 { ul.products li.product { .mf-product-price-box { a.button { width: 100%; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &.loading::after { top: 18px; } .p-icon { display: none; } } .added_to_cart { display: none; } } } &.shop-view-list ul.products:not(.slick-slider) { .mf-product-price-box > a.button { display: none; } .mf-attr-swatches { } } .mf-products-top-carousel ul.products li.product { .mf-attr-swatches { display: none; } .product-inner { margin-bottom: 0; } } } .mf-product-loop-hover-4 { ul.products li.product { .product-inner { border-radius: 10px; } .ribbons .ribbon { height: 22px; line-height: 22px; padding-left: 7px; padding-right: 8px; border-radius: 6px; } .mf-product-thumbnail { margin-bottom: 22px; } .price { margin-bottom: 10px; font-size: 18px; font-weight: 700; ins { color: #669900; font-weight: 700; font-size: 18px; } del { font-size: 14px; font-weight: 400; color: #666666; margin-right: 9px; } } .woo-loop-product__title { padding-bottom: 11px; position: relative; a { display: inline; color: #000000; &:hover { text-decoration: underline; text-underline-position: under; } } } .button { margin-top: 20px; height: 42px; line-height: 42px; border-radius: 6px; } } } .product_loop-no-hover { ul.products li.product { margin-bottom: 5px; .product-inner { padding-bottom: 20px; border: 1px solid transparent; &:hover { border-color: #c0c0c0; } } } &.elementor-page .mf-products-carousel ul.products li.product .product-inner { margin-bottom: 10px; } } .woocommerce-cart { .woocommerce { h2 { font-size: 20px; font-weight: 600; margin-bottom: 30px; margin-top: 0; } table.cart, table.checkout { .backorder_notification { color: #666; } .btn-shop { @include btn-primary(); display: inline-block; i { display: inline-block; transform: translateY(2px); padding-right: 10px; } } .empty-cart-button, .btn-update { float: right; position: relative; cursor: pointer; background-color: transparent; color: $dark; border: 1px solid #7f7f7f; } .btn-update { padding-left: 50px; margin-left: 10px; &:before { @include icon('\e8da'); color: $dark; font-size: 16px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } } td.actions { padding-left: 0; padding-right: 0; border-bottom: none; padding-top: 50px; } } table.shop_table { &.cart { margin-bottom: 60px; td { padding-top: 30px; padding-bottom: 30px; } } td { &.product-name { padding-top: 45px; a { font-size: 16px; color: #0066cc; line-height: 1.2; } .product-detail-mobile { display: none; } dl.variation { margin: 8px 0 0; font-size: 14px; dt { font-weight: 400; text-transform: capitalize; padding-bottom: 3px; margin-bottom: 0; color: #999; } dd { padding-bottom: 3px; margin-bottom: 0; color: $dark; } } .woocommerce-Price-amount { display: none; } } &.product-remove { width: 70px; padding-top: 45px; .mf-remove { color: $dark; font-size: 16px; &:hover { color: var(--mf-primary-color); } } } &.product-subtotal, &.product-quantity, &.product-price { width: 150px; font-size: 16px; padding-top: 45px; } &.product-quantity { padding-top: 38px; .quantity { .label { display: none; } } .product-remove { display: none; } } &.product-thumbnail { width: 150px; padding-left: 25px; padding-top: 30px; } .quantity { border: 1px solid #ccc; line-height: 36px; position: relative; width: 100px; .qty { margin-right: 30px; margin-left: 30px; width: 40px; } .decrease { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } .increase { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } } del bdi { text-decoration: line-through; } } } .coupon { margin-bottom: -100%; label { display: block; font-size: 20px; color: $dark; position: relative; margin-bottom: 40px; &:after { @include icon('\e93a'); position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } .input-text { width: 100%; margin-bottom: 30px; padding: 16px; border: 1px solid #ccc; color: $dark; } .button { background-color: transparent; border: 1px solid #ccc; color: $dark; } } .cart-collaterals { .woocommerce-shipping-calculator { .shipping-calculator-button { display: block; font-size: 20px; color: $dark; position: relative; margin-bottom: 35px; margin-top: 0; &:after { @include icon('\e93a'); position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } .shipping-calculator-form { display: block !important; height: auto !important; } .form-row { margin-bottom: 15px; } .input-text, select { width: 100%; } .button { background-color: transparent; border: 1px solid #ccc; color: $dark; margin-top: 15px; } } .cart_totals { & > h2 { display: none; } table.shop_table { border: 1px solid #ccc; background-color: #f1f1f1; border-radius: 0; padding: 0 30px; font-size: 16px; th { background-color: transparent; color: $dark; font-weight: 400; padding: 20px 0; border-top: none; text-transform: none; font-size: 16px; } td { text-align: right; padding: 20px 0; border-top: none; p { margin-bottom: 5px; } } .shipping { .shipping-title { color: #000; font-weight: 400; font-size: 16px; text-align: left; margin: 0 0 10px; } } .order-total { .woocommerce-Price-amount { color: #ff3300; font-size: 20px; font-weight: 600; } th { font-size: 20px; font-weight: 600; } th, td { border-bottom: none; } } } } } .cross-sells { margin-top: 80px; > h2 { text-align: center; } ul.products li.product { margin-bottom: 10px; } } } } .wp-block-woocommerce-cart { .wc-block-cart { .wc-block-components-main { padding: 0; } .wc-block-cart-items { border: none; td, th { border: none; font-weight: 400; } th { border: none; color: $dark; border-bottom: 1px solid #e1e1e1; font-size: 14px; font-weight: 600; text-transform: uppercase; background-color: #f2f2f2 !important; padding: 9px 12px; } td { border: none; color: $dark; vertical-align: top; border-bottom: 1px solid #d6d6d6; } tfoot { tr th { background-color: transparent; font-weight: 400; text-transform: none; } } .wc-block-cart-items__header { .wc-block-cart-items__header-product { visibility: visible; font-size: 0; } th { font-weight: 600; } } .wc-block-cart-item__prices { font-size: 16px; } .wc-block-components-product-metadata { &:empty { display: none; } } .wc-block-cart-item__quantity { input.wc-block-components-quantity-selector__input { height: 38px; } } .wc-block-components-formatted-money-amount { font-weight: 400; } .wc-block-components-product-name { font-size: 16px; } } .wc-block-components-totals-item__label { color: $dark; } .wp-block-woocommerce-cart-order-summary-block { font-size: 16px; color: $gray-dark; padding-top: 16px; padding-bottom: 6px; span.wc-block-cart__totals-title { font-weight: 400; color: $dark; } .wc-block-components-totals-item__value { font-weight: 400; color: $dark; } .wc-block-components-totals-item__description, .wc-block-components-formatted-money-amount { font-size: 16px; } .wc-block-components-totals-item__description { font-size: 14px; color: $dark; .wc-block-components-totals-shipping__via { display: inline; } .wc-block-components-shipping-address { font-weight: 700; display: inline; margin-left: 5px; } .wc-block-components-totals-shipping__change-address__link { display: block; } } .wc-block-components-radio-control__option-checked { color: $dark; .wc-block-components-radio-control__description-group { color: #fe0000; } } .wc-block-components-button:not(.is-link) { background-color: $dark; color: $light; outline: none; box-shadow: none; &:disabled { opacity: .5; .wc-block-components-button__text { opacity: 1; } } } .wc-block-components-radio-control { > * { margin-bottom: 10px; } .wc-block-components-radio-control__option { padding-left: 24px; } .wc-block-components-radio-control__input { min-height: 12px; min-width: 12px; width: 12px; height: 12px; outline: none; &:before { min-width: 6px; min-height: 6px; width: 6px; height: 6px; } } } .wc-block-components-totals-footer-item { .wc-block-components-totals-item__label { font-size: 20px; } .wc-block-components-formatted-money-amount { font-size: 20px; font-weight: 600; color: #fe0000; } } } .wc-block-components-sidebar { .wc-block-components-panel, .wc-block-components-totals-coupon, .wc-block-components-totals-item, div.wc-block-components-shipping-calculator, div.wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel) { padding-left: 0; padding-right: 0; } .wc-block-components-totals-coupon { color: $dark; } div.wc-block-components-radio-control { > * { margin-bottom: 5px; } } } .wc-block-components-radio-control__option-layout { display: flex; align-items: center; justify-content: space-between; } .wc-block-cart__submit { .wc-block-components-button:not(.is-link) { font-size: 16px; min-height: 50px; outline: none; box-shadow: none; } } &.is-medium, &.is-small { .wc-block-cart-items { .wc-block-cart-items__row { padding-top: 10px; padding-bottom: 10px; .wc-block-cart-item__product { padding-bottom: 25px; } } .wc-block-components-product-name { font-size: 14px; } } .wc-block-components-radio-control__input { left: 0; margin: 0; } } } .is-large.wc-block-cart .wc-block-cart-items th { padding: 12px; } } .woocommerce-checkout { .woocommerce-info { border: none; background-color: #f1f1f1; color: $dark; font-size: 14px; padding: 20px 25px 20px 65px !important; &:before { content: "\76"; font-family: ElegantIcons; font-size: 17px; color: #999; top: 50%; transform: translateY(-50%); left: 25px; position: absolute; } .showlogin, .showcoupon { color: #0099cc; transition: all 0.5s; } } form.checkout_coupon { border-radius: 0; } .woocommerce-notices-wrapper { clear: both; } form.checkout { margin-top: 30px; } .woocommerce-form__label-for-checkbox { .woocommerce-form__input-checkbox { opacity: 0; &:checked + span { &:before { content: "\e999"; } } } & > span { display: inline-block; color: $dark; text-transform: inherit; position: relative; line-height: 1; font-size: 14px; padding-left: 10px; cursor: pointer; &:before { @include icon('\e98d'); font-size: 18px; position: absolute; top: -4px; left: -18px; color: $dark; transition: 0.5s; } } } .mailchimp-newsletter { input.woocommerce-form__input-checkbox { opacity: 0; display: none; &:checked + .woocommerce-form__label-for-checkbox > span { &:before { content: "\e999"; } } } .woocommerce-form__label-for-checkbox > span { display: inline-block; color: $dark; text-transform: inherit; position: relative; line-height: 1; font-size: 14px; padding-left: 10px; cursor: pointer; &:before { @include icon('\e98d'); font-size: 18px; position: absolute; top: -4px; left: -18px; color: $dark; transition: 0.5s; } } } .mc4wp-checkbox-woocommerce { input[type="checkbox"] { opacity: 0; display: none; &:checked + span { &:before { content: "\e999"; } } } span { display: inline-block; color: $dark; text-transform: inherit; position: relative; line-height: 1; font-size: 14px; padding-left: 30px; cursor: pointer; &:before { @include icon('\e98d'); font-size: 18px; position: absolute; top: -4px; left: 0; color: $dark; transition: 0.5s; } } } form.login { border-radius: 0; .lost_password { margin-bottom: 0; a { color: $dark; text-decoration: underline; } } .button { display: block; min-width: 140px; margin-top: 20px; } } form.checkout { h3 { font-size: 20px; margin-bottom: 30px; font-weight: 600; margin-top: 0; } .woocommerce-shipping-fields, .woocommerce-account-fields { margin-top: 40px; } .woocommerce-terms-and-conditions-wrapper { margin-top: 20px; .woocommerce-form__label { font-weight: 400; & > span { &:before { left: 0; } &.required { padding-left: 0; color: #cc0000; &:before { display: none; } } } a { text-decoration: underline; } } } .woocommerce-form__label { font-weight: 400; & > .input-checkbox { opacity: 0; margin: 0; display: none; &:checked + span { &:before { content: "\e999"; } } } & > span { display: inline-block; color: $dark; text-transform: none; position: relative; line-height: 1; padding-left: 30px; cursor: pointer; &:before { @include icon('\e98d'); font-size: 18px; position: absolute; top: -3px; left: 0; color: $dark; transition: 0.5s; } } } } table.shop_table { border-radius: 0; padding: 0 30px; border: 1px solid #bfbfbf; border-bottom: none; background-color: #f6f6f6; margin: 0; dt { font-weight: 400; color: #999; } tr th { background-color: transparent; color: #666; font-weight: 400; padding: 20px 0; border-top: none; font-size: 16px; text-transform: none; &:last-child { text-align: right; } } thead th { text-transform: uppercase; color: $dark; padding-bottom: 10px; font-weight: 600; } td { padding: 20px 0; border-top: none; strong { font-weight: 400; } p { margin-bottom: 5px; } &:last-child { text-align: right; } } tfoot { td { border-top: none; } } .shipping { th { color: $dark; width: 50%; font-weight: 600; } td { font-weight: 400; } .shipping-title { text-align: left; font-size: 16px; color: #000; font-weight: 600; margin: 0 0 10px; } #shipping_method li label { font-size: 14px; } } .cart_item { td { padding: 5px 0; border-bottom: none; } &:first-child { td { padding-top: 20px; } } } .cart-subtotal, .order-total { font-weight: 600; th { color: $dark; font-weight: 600; } .woocommerce-Price-amount { color: #ff0000; font-weight: 600; } } .order-total { font-size: 20px; th { color: $dark; font-weight: 600; font-size: 20px; } .woocommerce-Price-amount { color: #ff0000; font-weight: 600; } } } #payment { border-radius: 0; background-color: transparent; .wc_payment_methods { border: 1px solid #bfbfbf; border-top: none; background-color: #f6f6f6; } .form-row.place-order { padding: 0; margin: 0 -1px; .button { width: 100%; margin-top: 20px; } } div.payment_box { background-color: transparent; color: #999; margin-bottom: 0; &:before { display: none; } } ul.payment_methods { padding: 25px; & > li { margin-bottom: 15px; &:last-child { margin-bottom: 0; } & > .input-radio { display: none; &:checked + label { &:before { content: "\5c"; } } } & > label { color: $dark; position: relative; line-height: 1; font-size: 14px; padding-left: 30px; cursor: pointer; display: flex; align-items: center; flex-wrap: wrap; &:before { content: "\5b"; font-family: ElegantIcons; font-size: 18px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: $dark; transition: 0.5s; } .about_paypal { line-height: 1; } } } } } } .wp-block-woocommerce-checkout { .wc-block-components-text-input { input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url] { border-radius: 0; border-color: #ccc; } } .wc-block-components-sidebar-layout { .wc-block-components-main { padding-right: 0; } } .wc-block-components-form { .wc-blocks-components-select__container, .wc-blocks-components-select__select { border-radius: 0; border-color: #ccc; } .wc-block-components-radio-control--highlight-checked { &:after { border: none; } .wc-block-components-radio-control-accordion-option { border: 1px solid #ccc; margin-bottom: 15px; &:after { display: none; } &:last-child { margin-bottom: 0; } } .wc-block-components-radio-control-accordion-option--checked-option-highlighted, label.wc-block-components-radio-control__option--checked-option-highlighted { border-radius: 0; box-shadow: inset 0 0 0 2px $dark; } } } .wc-block-components-radio-control { > * { margin-bottom: 10px; } .wc-block-components-radio-control__option { padding-left: 40px; border: 1px solid #ccc; margin-bottom: 15px; &:last-child { margin-bottom: 0; } } .wc-block-components-radio-control__input { min-height: 12px; min-width: 12px; width: 12px; height: 12px; outline: none; &:checked:before, &:before { min-width: 6px; min-height: 6px; width: 6px; height: 6px; } } } .wc-block-components-address-card__edit, .wc-block-components-address-form__address_2-toggle { text-decoration: underline; } .wc-block-components-product-name { font-size: 16px; } .wc-block-components-order-summary { color: $dark; .wc-block-components-order-summary__button-text { font-size: 16px; font-weight: 600; text-transform: uppercase; } .wc-block-components-order-summary-item, .wc-block-components-order-summary-item__total-price { font-size: 16px; font-weight: 400; } } .wc-block-components-totals-wrapper { color: $dark; padding-left: 30px; padding-right: 30px; .wc-block-components-button:not(.is-link) { background-color: $dark; color: $light; outline: none; box-shadow: none; &:disabled { opacity: .5; .wc-block-components-button__text { opacity: 1; } } } } .wp-block-woocommerce-checkout-order-summary-subtotal-block { .wc-block-components-totals-item { font-size: 16px; font-weight: 600; .wc-block-components-totals-item__value { font-weight: inherit; color: #fe0000; } } } .wp-block-woocommerce-checkout-order-summary-totals-block { .wc-block-components-totals-item { font-size: 16px; } } .wc-block-components-totals-footer-item { .wc-block-components-totals-item__label, .wc-block-components-totals-item__value { font-size: 20px; } .wc-block-components-totals-item__value { font-weight: 600; color: #fe0000; } } .is-large { .wc-block-components-sidebar { .wc-block-components-panel, .wc-block-components-totals-coupon, .wc-block-components-totals-item { padding-left: 0; padding-right: 0; } } } } .woocommerce-order-received { .woocommerce-thankyou-order-received { font-size: 18px; color: #333; } ul.order_details li { font-size: 14px; strong { font-size: 14px; } } .order_details { strong { font-weight: 400; } } h2, h3 { font-size: 18px; font-weight: 400; } address { font-style: normal; font-weight: 400; } .addresses { margin: 0 -15px; .col-1, .col-2 { width: 50%; float: left; padding: 0 15px; } &:after { display: block; clear: both; content: ""; } } table.shop_table { padding: 0; border: none; border-bottom: none; background-color: transparent; margin: 0 0 60px; tr th { color: $dark; background-color: #f2f2f2; padding: 16px; } tr td { padding: 16px; } tfoot { th { background-color: transparent; font-weight: 600; } .woocommerce-Price-amount { color: #ff3300; font-weight: 600; } } } } .woocommerce-account { .site-content { background-color: #f1f1f1; } &.logged-in { .site-content { padding-top: 40px; background-color: transparent; } } .woocommerce { .account-info { width: 100%; display: flex; align-items: center; margin-bottom: 30px; .account-avatar { margin-right: 15px; img { border-radius: 50%; } } .account-name { font-size: 18px; line-height: 1; h3 { font-size: 18px; font-weight: 600; margin: 5px 0 0; display: block; } } } h2 { font-size: 20px; font-weight: 400; } .form-row { margin-bottom: 12px; label { margin-bottom: 5px; } .input-text { background-color: transparent; border: 1px solid #d9d9d9; border-radius: 3px; color: $dark; font-weight: 400; padding: 13px; &:focus { color: $dark; border-color: $dark; } } ::-webkit-input-placeholder { color: #999; font-weight: 400; } :-moz-placeholder { color: #999; font-weight: 400; } ::-moz-placeholder { color: #999; font-weight: 400; } :-ms-input-placeholder { color: #999; font-weight: 400; } .select2-container .select2-choice { border: 1px solid rgba(0, 0, 0, 0.15); padding-left: 25px; font-size: 16px; font-weight: 400; text-align: center; color: #999; background-color: transparent; &:focus { color: $dark; border-color: $dark; } } } .woocommerce-MyAccount-navigation { line-height: 1; width: 25%; float: left; ul { padding: 0; margin: 0; li { list-style: none; padding: 15px 20px; background-color: #f6f6f6; border: 1px solid #d1d1d1; border-bottom: none; margin-bottom: 0; a { color: $dark; font-weight: 600; text-transform: uppercase; &:hover { color: var(--mf-primary-color); } } &:last-child { border-bottom: 1px solid #d1d1d1; } &.is-active { background-color: var(--mf-background-primary-color); border: none; a { color: var(--mf-background-primary-text-color); } } } } } .woocommerce-MyAccount-content { width: 70%; float: right; strong { color: #666; font-weight: 600; } .my_account_orders { font-size: 14px; .button { @include btn-small(); min-width: 120px; padding-left: 15px; padding-right: 15px; display: block; } .leave_feedback { @include btn-secondary(); margin-top: 10px; } } .addresses { margin: 0 -15px; .col-1, .col-2 { width: 50%; float: left; padding: 0 15px; } &:after { display: block; clear: both; content: ""; } } h2, h3 { font-size: 16px; font-weight: 400; } .orders-title, .billing-title { margin: 0; line-height: 1; font-size: 20px; text-transform: capitalize; padding-bottom: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .woocommerce-MyAccount-orders { border: none; thead { line-height: 1; th { padding: 15px; background-color: #f1f1f1; border-bottom: 1px solid #d9d9d9; span { font-weight: 600; color: $dark; text-transform: uppercase; display: block; } } } tbody { .order { td { padding: 15px; } .order-date { color: #999; } .order-status { color: #99cc33; } .order-actions { padding-top: 23px; padding-right: 0; } } } } .woocommerce-pagination { margin-bottom: 80px; } .billing-title { margin-bottom: 35px; } } .woocommerce-Addresses { margin: 0 -15px; .woocommerce-Address { width: 50%; float: left; padding: 0 15px; address { color: $dark; line-height: 2; font-style: normal; text-transform: capitalize; } .woocommerce-Address-edit { margin-top: 30px; .edit { color: #0099cc; font-style: italic; &:hover { color: var(--mf-primary-color); } } } } } } &.woocommerce-edit-address, &.woocommerce-edit-account { .woocommerce { .woocommerce-MyAccount-content { color: $dark; .form-row { margin-bottom: 15px; label { line-height: 1; margin-bottom: 10px; } } .password-input { position: relative; display: block; .show-password-input { position: absolute; right: 10px; top: 10px; cursor: pointer; cursor: pointer; border: none; background-color: transparent; opacity: 0.5; &.display-password { opacity: 1; } &:before { content: "\e6a5"; font-family: 'Linearicons' !important; font-weight: 700; font-size: 16px; } } } .edit-address, h3 { font-size: 20px; font-weight: 600; color: $dark; text-transform: none; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); line-height: 1; width: 100%; margin-top: 0; } fieldset { border: none; padding: 0; margin: 0; legend { font-size: 20px; font-weight: 600; margin-bottom: 15px; margin-top: 20px; } } .button { margin-top: 30px; } } } } &.woocommerce-lost-password { form.lost_reset_password { max-width: 430px; margin: 0 auto; background-color: $light; padding: 20px; .form-row { label { color: $dark; } .button { width: 100%; margin-top: 15px; } } } } } .woocommerce { .customer-login { .tabs-nav { text-align: center; margin-bottom: 30px; li { float: none; display: inline-block; } a { font-size: 30px; color: #999; padding: 0 20px; font-weight: 600; &.active { color: $dark; } } } .tabs-content { max-width: 430px; margin: 0 auto; } .tabs-panel { background-color: $light; padding: 35px 30px 27px; border: 1px solid #e8e8e8; border-radius: 5px; form { margin: 0; padding: 0; border: none; } h2 { font-size: 16px; font-weight: 400; margin: 0 0 25px; } } .form-row .input-text { padding: 14px 16px; text-align: left; } .form-row .button { width: 100%; font-size: 16px; margin-top: 20px; border-radius: 3px; height: 53px; line-height: 53px; } .woocommerce-form-row__remember { position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 20px; .woocommerce-form__label-for-checkbox { display: inline-block; line-height: 1; margin-top: 0; } } .password-input { position: relative; display: block; .show-password-input { position: absolute; right: 10px; top: 10px; cursor: pointer; border: none; background-color: transparent; opacity: 0.5; &.display-password { opacity: 0.1; } &:before { content: "\e6a5"; font-family: 'Linearicons' !important; font-weight: 700; font-size: 16px; } } } .woocommerce-form__label-for-checkbox { margin: 20px 0; display: block; .woocommerce-form__input-checkbox { opacity: 0; display: none; &:checked + span { &:before { content: "\e999"; } } } span { display: inline-block; color: $dark; text-transform: inherit; position: relative; line-height: 1; padding-left: 30px; cursor: pointer; &:before { @include icon('\e98d'); font-size: 18px; position: absolute; top: -3px; left: 0; color: $dark; transition: 0.5s; } } .checkbox-holder { padding-left: 0; &:before { display: none; } .woocommerce-form__input-checkbox { opacity: 1; display: block; } & + span { padding-left: 10px; &:before { display: none; } } } &.radio { margin: 0; span:before { content: "\5b"; font-family: ElegantIcons; top: -1px; } .woocommerce-form__input-checkbox:checked + span { &:before { content: "\5c"; } } } } .mailchimp-newsletter .input-checkbox:checked + .woocommerce-form__label-for-checkbox > span:before { content: "\e999"; } .mailchimp-newsletter .input-checkbox { display: none; } .register { br { display: none; } p { margin: 0 0 12px; } } label[for="apply_for_vendor"] { margin: 20px 0 0; display: block; .input-checkbox { opacity: 0; display: none; &:checked + span { &:before { content: "\e999"; } } } span { display: inline-block; color: $dark; text-transform: inherit; position: relative; line-height: 1; padding-left: 30px; cursor: pointer; &:before { @include icon('\e98d'); font-size: 18px; position: absolute; top: -3px; left: 0; color: $dark; transition: 0.5s; } } } .forgetmenot { margin: 20px 0 10px; display: block; .input-checkbox { opacity: 0; &:checked + span { &:before { content: "\e999"; } } } span { display: inline-block; color: $dark; text-transform: inherit; position: relative; line-height: 1; padding-left: 20px; cursor: pointer; &:before { @include icon('\e98d'); font-size: 18px; position: absolute; top: -2px; left: -12px; color: $dark; transition: 0.5s; } } } .wp-social-login-widget { margin-top: 40px; } } } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100px; } .catalog-sidebar { .widget { background-color: #f5f5f5; padding: 25px 20px; margin-bottom: 0; position: relative; &:after { position: absolute; bottom: 0; left: 20px; right: 20px; content: ""; height: 1px; background-color: #d8d8d8; } &:last-child { &:after { display: none; } } .widget-title { margin-bottom: 25px; font-size: 18px; text-transform: uppercase; font-weight: 400; } ul li { .count { font-size: 13px; padding-left: 5px; } } } .mf_widget_product_categories, .widget_product_categories { margin-bottom: 30px; &:after { display: none; } } .widget_search, .widget_product_search { border-bottom: none; padding-bottom: 20px; .search-form { background-color: #f5f5f5; border-color: #f5f5f5; padding: 12px 20px; } } .woocommerce-product-search { border-color: #d8d8d8; background-color: $light; } .widget_shopping_cart_content .buttons a { width: 100%; margin-left: 0; margin-right: 0; } } .woocommerce-widget-layered-nav { .widget-title { margin-bottom: 25px; } .woocommerce-widget-layered-nav-list { max-height: 135px; overflow-y: auto; scrollbar-color: rgb(102, 102, 102) rgb(204, 204, 204); scrollbar-width: thin; &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-thumb { background: rgb(102, 102, 102); } &::-webkit-scrollbar-track { background: rgb(204, 204, 204); } .woocommerce-widget-layered-nav-list__item { padding: 7px 0; position: relative; padding-left: 24px; line-height: 1; a { padding: 0; position: static; } a:before { position: absolute; top: 6px; left: 0; width: 16px; height: 16px; border: 1px solid #d1d1d1; content: ""; background-color: $light; } a:after { @include icon('\e934'); position: absolute; top: 7px; left: 0; font-size: 10px; opacity: 0; width: 16px; height: 16px; text-align: center; line-height: 16px; font-weight: 600; } &.show-swatch { display: inline-block; margin-right: 10px; padding: 7px 0 4px; .swatch-color { margin-right: 5px; display: block; border: 1px solid transparent; padding: 3px; border-radius: 50%; .sub-swatch { width: 30px; height: 30px; display: block; border-radius: 50%; } .term-name { display: none; } } .swatch-label { padding: 5px 10px; border: 1px solid #b8b8b8; min-width: 47px; display: block; text-align: center; text-transform: uppercase; color: $dark; background-color: $light; } .swatch-image { border: 1px solid transparent; padding: 3px; border-radius: 50%; display: block; img { max-width: 45px; border-radius: 50%; } } a:after, a:before { display: none; } } &.chosen { a { &:after { opacity: 1; } &:before { border-color: var(--mf-border-primary-color); } } .count { font-weight: 600; } &.show-swatch { .swatch-color { border-color: #f04a09; } .swatch-image { border-color: #f04a09; } .swatch-label { border-color: var(--mf-border-primary-color); color: var(--mf-primary-color); } } } } } &.mf-widget-layered-nav { .slimScrollBar, .slimScrollRail { border-radius: 0 !important; opacity: 1 !important; } &.no-scroll { .slimScrollBar, .slimScrollRail { opacity: 0 !important; } } } .search_layered_nav { position: relative; margin-bottom: 20px; margin-top: 5px; &:after { @include icon('\e922'); position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-size: 15px; color: $dark; } .mf-input-search-nav { width: 100%; border-color: #d1d1d1; height: 34px; line-height: 34px; padding: 0 10px; } } } .widget_rating_filter { ul .wc-layered-nav-rating { padding: 7px 0; position: relative; &:first-child { padding-top: 0; a:before { top: 0; } } &:last-child { padding-bottom: 0; } .star-rating { margin-right: 3px; } a { display: flex; align-items: center; color: #999; position: relative; &:before { width: 16px; height: 16px; border: 1px solid #d1d1d1; content: ""; background-color: $light; margin-top: 1px; margin-right: .618em; } &:after { @include icon('\e934'); position: absolute; top: 3px; left: 0; font-size: 10px; opacity: 0; width: 16px; height: 16px; text-align: center; line-height: 16px; font-weight: 600; margin-top: 2px; } } &.chosen { a { &:after { opacity: 1; color: var(--mf-primary-color); } &:before { border-color: var(--mf-border-primary-color); content: ""; } } .count { font-weight: 600; } &.show-swatch { .swatch-color { border-color: #f04a09; } .swatch-image { border-color: #f04a09; } .swatch-label { border-color: var(--mf-border-primary-color); color: var(--mf-primary-color); } } } } } .widget_layered_nav_filters { .widget-title { margin-bottom: 20px; font-size: 16px; } ul li { display: block; float: none; padding: 5px 0; &.chosen { a { color: $dark; font-weight: 400; &:before { @include icon('\e935'); font-size: 12px; color: $dark; } } } } } .mf-catalog-topbar { display: none; z-index: -999; background-color: #f5f5f5; padding-bottom: 30px; margin-bottom: 40px; &.active { z-index: 1; } .widget { width: 20%; float: left; padding: 0 15px; margin-bottom: 30px; padding-top: 40px; background-color: transparent; animation: fadein 2s; &:after { display: none; } .widget-title { font-size: 14px; margin-bottom: 25px; font-weight: 600; } &:nth-child( 5n + 1 ) { clear: both; } .woocommerce-ordering li { &.current > span, .sort-by { display: none; } li .active { font-weight: 600; color: var(--mf-primary-color); } li { &:first-child { padding-top: 0; } &:last-child { padding-bottom: 0; } } } } &.widgets-4 { .widget { width: 25%; } } &.widgets-3 { .widget { width: 33.33%; } } .widget_layered_nav { .count { display: none; } ul li { padding: 5px 0; &:first-child { padding-top: 0; } a { padding: 0; line-height: 1; } } } .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding-left: 0; display: block; width: 100%; margin-right: 0; & > a:before, & > a:after { display: none; } &.show-swatch { margin: 0; display: block; padding: 7px 0; &:first-child { padding-top: 0; } &:last-child { padding-bottom: 0; } .swatch-color { padding: 0; margin-left: 0; border: none; .sub-swatch { width: 10px; height: 10px; display: inline-block; opacity: 1; } .term-name { display: inline-block; padding: 0 0 0 20px; } } &.chosen { .swatch-color { box-shadow: none; background-color: transparent; margin-left: -1px; .sub-swatch { display: none; } .term-name { padding-left: 17px; } &:before { @include icon('\e935'); color: var(--mf-primary-color); font-size: 13px; } } } } } &:after { display: block; content: ""; clear: both; } .catalog-filter-actived { clear: both; padding: 0 15px; font-size: 16px; color: $dark; margin-top: 20px; width: 100%; float: left; .found { font-weight: 600; } .remove-filter-actived { color: var(--mf-primary-color); margin-left: 25px; padding-left: 25px; position: relative; display: inline-block; font-weight: 600; &:before { position: absolute; top: 48%; transform: translateY(-50%); height: 17px; background-color: #cfcfcf; content: ""; width: 1px; left: 0; z-index: 5; } i { font-size: 13px; padding-right: 10px; } } } } .mf-catalog-banners { margin-bottom: 40px; &:after { clear: both; display: block; content: ""; } ul { margin: 0; padding: 0; li { list-style: none; float: left; display: none; &:first-child { display: block; } } &.slick-initialized { li { display: block; } } } .slick-slide a { margin: 0; } .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 18px; cursor: pointer; color: $dark; width: 48px; height: 48px; line-height: 48px; text-align: center; z-index: 10; background-color: rgba(204, 204, 204, 0.5); transition: 0.5s; &:hover { background-color: rgba(204, 204, 204, 1); } } .slick-disabled { cursor: auto; &:hover { background-color: rgba(204, 204, 204, 0.5); } } .slick-prev-arrow { left: 0; right: auto; } } .mf-catalog-brands { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 40px; .brand-item { width: calc(100%/6); text-align: center; } } .mf-catalog-page { .site-content { padding-top: 30px; } } .mf-catalog-categories { margin-bottom: 30px; &:after { display: block; content: ""; clear: both; } .mf-image-box { margin-bottom: 30px; } .col-cat:nth-child(3n+1) { clear: both; } } .mf-catalog-categories-4 { margin-bottom: 30px; &:after { display: block; content: ""; clear: both; } .col-cat:nth-child(6n+1) { clear: both; } .cat-item { display: block; border: 1px solid #bfbfbf; text-align: center; transition: 0.5s; h3 { font-size: 16px; font-weight: 400; line-height: 1; margin: 15px 5px; transition: 0.5s; } &:hover { border-color: var(--mf-border-primary-color); h3 { color: #0099cc; } } } } .mf-products-top-carousel { position: relative; margin-bottom: 20px; z-index: 10; &:nth-child(2) { z-index: 9; } &:nth-child(3) { z-index: 8; } &:nth-child(4) { z-index: 7; } &:nth-child(5) { z-index: 6; } &:nth-child(6) { z-index: 4; } ul.products { margin: 0; position: static; &.slick-initialized { li.product { clear: none !important; margin-bottom: 0; padding: 0 5px; } } .slick-dots { margin: 35px 0 20px; } li.product { .mf-product-details-hover { .mf-attr-swatches { display: none; } } .product-inner { margin-bottom: 35px; } } } .slick-list { margin: 0 -5px; } .slick-track { display: flex; align-items: stretch; } .carousel-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e1e1e1; margin: 0 0 30px; padding-bottom: 13px; .title { font-size: 24px; font-weight: 400; margin: 0; } .cats-list { padding: 0; margin: 0 -15px; li { display: inline-block; margin-bottom: 0; padding: 0 15px; a { color: #666; &:hover { color: var(--mf-primary-color); } } } } .slick-arrows { margin-top: 3px; } } .slick-arrow { position: static; font-size: 14px; cursor: pointer; color: $gray; transition: 0.5s; transform: none; &:hover { color: $dark; } } .slick-disabled { color: #ccc; cursor: auto; &:hover { color: #ccc; } } .slick-prev-arrow { margin-right: 15px; } .slick-dots { text-align: center; margin: 20px 0; display: none !important; } } .mf-catalog-top-categories { display: flex; align-items: stretch; margin-bottom: 65px; flex-wrap: wrap; .top-categories-list { height: 100%; background-color: $light; padding: 25px 0; position: relative; .title { font-size: 20px; font-weight: 400; text-transform: uppercase; margin: 0 20px 25px; line-height: 1; } .categories-list { margin: 0; padding: 0; list-style: none; & > li { margin-bottom: 0; padding: 0 20px; .cat-menu-close { position: absolute; top: 12px; right: 20px; display: none; } & > a { color: $dark; font-size: 16px; border-bottom: 1px solid #f0f0f0; display: block; padding: 10px 0; } &:last-child a { border-bottom: none; } &:hover { & > .sub-categories { opacity: 1; z-index: 9999; left: 100%; transform: scaleX(1); } & > a { color: var(--mf-primary-color); } } } .sub-categories { position: absolute; top: 0; opacity: 0; left: 110%; bottom: 0; transform: scaleX(0); z-index: -1; transition: left 0.3s ease 0s, opacity 0.3s; padding: 13px 20px; background-color: $light; border: 1px solid var(--mf-border-primary-color); margin: 0; list-style: none; min-width: 265px; li { padding: 5px 0; margin-bottom: 0; line-height: 1; a { white-space: nowrap; color: #666; border-bottom: 1px solid transparent; &:hover { color: $dark; border-color: $dark; } } } } } } .top-categories-grid { height: 100%; background-color: $light; display: flex; align-items: stretch; flex-wrap: wrap; .col-cat { border-right: 1px solid rgba(141, 141, 141, 0.15); border-bottom: 1px solid rgba(141, 141, 141, 0.15); &:last-child, &:nth-child(3n) { border-right: none; } &:nth-last-child(1), &:nth-last-child(2), &:nth-last-child(3) { border-bottom: none; } } .cats-box { display: flex; align-items: flex-start; margin-bottom: 10px; margin-top: 15px; .col-cat:nth-child(3n+1) { clear: both; } } .cats-image { width: 45%; img { height: auto; } } .cats-list { padding: 5px 10px 10px; .parent-cat { font-size: 18px; color: $dark; line-height: 1.2; display: block; &:hover { color: var(--mf-primary-color); } } ul { margin: 10px 0 0; padding: 0; li { list-style: none; margin-bottom: 7px; display: block; line-height: 1; a { color: #666; border-bottom: 1px solid transparent; &:hover { color: $dark; border-color: $dark; } } &.view-more { margin-top: 15px; a { color: #0066cc; &:hover { color: var(--mf-primary-color); border-color: var(--mf-border-primary-color); } } } } } } } } .mf-featured-categories { margin-bottom: 30px; } .mf-other-categories { background-color: $light; padding: 15px 20px; .cat-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e1e1e1; margin: 0 0 50px; padding-bottom: 13px; .cat-name { font-size: 24px; font-weight: 400; margin: 0; } } .categories-list { &:after { content: ""; display: block; clear: both; } .col-cat { margin-bottom: 30px; } .cats-image { margin-bottom: 15px; img { height: auto; } } .cats-list { .parent-cat { font-size: 18px; color: $dark; line-height: 1; &:hover { color: var(--mf-primary-color); } } .sub-categories { margin: 15px 0 0; padding: 0; list-style: none; li { margin-bottom: 0; padding: 5px 0; line-height: 1; a { color: #666; border-bottom: 1px solid transparent; &:hover { color: $dark; border-bottom: 1px solid $dark; } img { height: auto; } } } } } } } .mf-catalog-layout-3, .mf-catalog-layout-10 { .mf-catalog-title { font-size: 24px; font-weight: 600; text-transform: uppercase; margin: 20px 0; } } .mf-catalog-layout-2 { .site-content, .page-header-catalog .page-breadcrumbs { background-color: #f5f5f5; } .site-content { padding-top: 0; } .mf-recently-products.footer-recently-viewed { padding-top: 0; } .mf-products-top-carousel { background-color: $light; padding: 15px 20px; margin-bottom: 30px; .slick-dots { display: block !important; } } .carousel-header { .slick-arrows { display: none; } } } .single-product { .site-content { padding-top: 30px; padding-bottom: 0; } div.product { .martfury-product-price { margin-bottom: 10px; line-height: 1; .price { margin-bottom: 0; } } } } .mf-entry-product-header { border-bottom: 1px solid #e1e1e1; padding-bottom: 8px; margin-bottom: 20px; &:after { clear: both; display: block; content: ""; } .entry-left { float: left; max-width: 60%; } .social-links { float: right; } .entry-meta { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; li { padding: 0 15px; position: relative; margin-bottom: 0; &:after { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; background-color: #e8e8e8; height: 100%; max-height: 13px; content: ""; } &:first-child { padding-left: 0; &:after { display: none; } } &:last-child { padding-right: 0; } } } .woocommerce-product-rating { display: flex; align-items: center; .star-rating { margin-top: 0; margin-right: 0; } .mf-rating .count { display: none; } .woocommerce-review-link { padding-left: 5px; color: #666; &:hover { color: $dark; } } } } section.up-sells, section.related { margin-bottom: 50px; .related-title { background-color: #f4f4f4; text-align: center; border-bottom: 1px solid #e3e3e3; font-size: 20px; font-weight: 600; padding: 15px 0; margin: 0 0 50px; } ul.products { position: relative; li { clear: none !important; } .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); left: -54px; color: #ccc; font-size: 30px; transition: 0.5s; cursor: pointer; &:hover { color: $dark; } &.slick-disabled { color: #ccc; cursor: auto; } } .slick-next-arrow { left: auto; right: -54px; } .slick-dots { margin-top: 20px; margin-bottom: 20px; display: none !important; } &.columns-7 { margin-right: -2px; } } } .mf-product-instagram { margin-bottom: 75px; h2 { font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 60px; padding-bottom: 15px; border-bottom: 1px solid #e1e1e1; line-height: 1; } ul.products { margin: 0 -5px; padding: 0; li.product { padding: 0 5px; margin-bottom: 0 !important; float: left; clear: none !important; } .insta-item { position: relative; display: block; &:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: 0.5s; } i { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.5s; font-size: 24px; color: $light; } &:hover { &:before, i { opacity: 1; } } } } .slick-slider { position: relative; .slick-arrow { position: absolute; top: 50%; left: -54px; transform: translateY(-50%); font-size: 30px; transition: 0.5s; color: rgba(0, 0, 0, 0.5); cursor: pointer; color: #ccc; &:hover { color: $dark; } &.slick-disabled { color: #ccc; cursor: auto; } } .slick-next-arrow { right: -54px; left: auto; } .slick-dots { margin-top: 20px; margin-bottom: 20px; display: none !important; } } } .pswp { .mf-video-wrapper iframe, .mf-video-wrapper .wp-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mf-video-wrapper iframe:-webkit-full-screen { transform: none; } } .product-degree-pswp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -999999; display: none; .degree-pswp-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); } &.open { display: block; z-index: 999999; } .degree-pswp-close { position: absolute; top: 10px; right: 10px; font-size: 18px; color: $light; transition: 0.5s; z-index: 99; cursor: pointer; } } .mf-product-gallery-degree { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; cursor: ew-resize; .product-degree-images { display: none; list-style: none; margin: 0; padding: 0; height: 100%; background-color: $light; position: relative; &:after { border-color: rgba(175, 175, 175, 0.05) rgba(175, 175, 175, 0.1) rgba(175, 175, 175, 0.15); border-radius: 50%; border-style: solid; border-width: 2px 2px 4px; bottom: 60px; content: ""; height: 50%; left: 50px; position: absolute; right: 50px; z-index: 10; transition-delay: 0.5s; } li { height: 100%; margin-bottom: 0; } img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 500px; max-width: 100%; &.previous-image { visibility: hidden; } &.current-image { visibility: visible; } } } .mf-gallery-degree-spinner { width: 40px; display: block; margin: 0 auto; height: 40px; position: relative; z-index: 1000; &:before { border-width: 2px; border-color: var(--mf-border-primary-color) var(--mf-border-primary-color) var(--mf-border-primary-color) transparent; -webkit-border-radius: 50%; border-radius: 50%; border-style: solid; -webkit-animation: mf-spin-fast 1s linear infinite; animation: mf-spin-fast 1s linear infinite; content: " "; width: 40px; height: 40px; font-weight: 400; display: block; } } .nav_bar { position: absolute; left: 50%; transform: translateX(-50%); bottom: 15px; z-index: 11; display: flex; align-items: center; a { width: 32px; height: 32px; overflow: hidden; color: $dark; margin: 0 5px; &:hover { color: $dark; } &:before { width: 32px; height: 32px; padding-left: 2px; } } a.nav_bar_play { &:before { @include icon('\e96a'); font-size: 30px; } } a.nav_bar_stop { &:before { @include icon('\e96b'); font-size: 30px; } } a.nav_bar_previous { &:before { @include icon('\e968'); font-size: 30px; } } a.nav_bar_next { &:before { @include icon('\e96c'); font-size: 30px; } } } } /* html */ .mf-product-gallery-degree:-webkit-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } .mf-product-gallery-degree:-moz-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } .woocommerce .mf-single-product { .mf-product-detail { &:after { clear: both; display: block; content: ""; } } &.mf-product-layout-2 { .mf-entry-product-header { padding-top: 0; .entry-left { max-width: 100%; } } .product-image-ms { display: none; } .woocommerce-product-gallery { padding-bottom: 0; } .mf-product-countdown { display: block; .cd-title { max-width: 100%; margin: 0 0 20px; } .flip-wrapper:first-child { padding-left: 0; } } form.cart .actions-button { .buy_now_button { margin-left: 0; margin-top: 15px; width: 100%; } } } &.mf-product-layout-3 { .mf-entry-product-header { .entry-left { max-width: 100%; } } .social-links { margin-top: 15px; } .mf-summary-header { padding-bottom: 0; border-bottom: none; } .woocommerce-product-gallery { width: 35%; } .entry-summary { width: 65%; } .mf-woo-tabs { .panel { margin-bottom: 50px; .tab-title { font-size: 20px; font-weight: 600; border-bottom: 1px solid #e1e1e1; line-height: 1; padding-bottom: 15px; margin-bottom: 40px; } .tab-content-wrapper > h2 { display: none; } } } .product_meta .sku_wrapper { display: block; } .entry-summary { display: flex; align-items: flex-start; } .entry-summary-content { width: 63%; padding-right: 30px; .price { display: none; } } .entry-summary-sidebar { width: 37%; padding: 20px 30px; background-color: #f1f1f1; .martfury-product-price { margin-bottom: 30px; } .price { font-weight: 500; ins { font-size: 30px; display: block; font-weight: 600; } del { color: #999; } } .cart { .button { width: 100%; } } } form.cart { margin-bottom: 0; div.quantity { width: 100%; float: none; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #d5d5d5; .label { font-size: 14px; margin-bottom: 10px; color: $dark; } .qty-box { background-color: $light; border: none; margin-bottom: 0; } } } &.product-type-variable { form.cart { .variations { td.label { color: $dark; font-size: 14px; .mf-attr-value { display: none; } } td.value { width: 100%; margin-bottom: 15px; position: static; } select { width: 100%; border: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDMzNFMUY4RkRDMzExRTc5M0FCRTQ0OUI5ODE0MzM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDMzNFMUY5RkRDMzExRTc5M0FCRTQ0OUI5ODE0MzM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkMzM0UxRjZGREMzMTFFNzkzQUJFNDQ5Qjk4MTQzMzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkMzM0UxRjdGREMzMTFFNzkzQUJFNDQ5Qjk4MTQzMzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz72a+MPAAAAj0lEQVR42nyPCw2AMAxEgcwAFrAAEkDCLIAVLHRWNgnDAhZmgTa5JkthXHL7dG9pryeizmhmX3VhMMDOzmxqQQKc7AV3spACG1odNSiQN4BKwdPxktDi7t4ScBKowC3dOtP4A40CrezYACUQDZgpfIA7fDgUAvaIlB6AnIurfiqYEWTTQM7MEPCQ6sSPAAMA5PQhMtT60qcAAAAASUVORK5CYII='); background-color: $light; background-position: right 10px center; background-repeat: no-repeat; appearance: none; -moz-appearance: none; color: #666; -webkit-appearance: none; } .reset_variations { position: absolute; top: 0; right: 0; margin-top: 0; } } .single_variation_wrap .woocommerce-variation { margin-bottom: 15px; } } } &.product-type-grouped { .cart .group_table td { width: 100%; display: block; padding: 5px 0; a { font-size: 14px; } &:first-child { margin-top: 15px; } } form.cart div.quantity { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .price { margin-bottom: 15px; } } &.outofstock { .entry-summary-content { width: 100%; .price { display: block; } } .entry-summary-sidebar { display: none; } } .cart-external { display: block; } .woocommerce-product-details__short-description { margin-bottom: 0; border-bottom: none; } .tawc-deal { .deal-expire-date { display: block; margin-bottom: 20px; .deal-expire-text { width: 100%; } .deal-expire-countdown { .days { padding-left: 0; } } } .deal-sold { .deal-sold-text { width: 100%; } .deal-progress, .deal-text { width: 100%; padding-left: 0; } } } .quantity .qty { width: 100%; } .mf-compare-button { .compare { color: #666; width: auto; overflow: visible; height: auto; display: flex; align-items: center; &:before { font-size: 14px; width: auto; height: auto; line-height: inherit; margin-right: 5px; } } .wcboost-products-compare-button { .wcboost-products-compare-button__icon { margin-right: 5px; line-height: normal; } .wcboost-products-compare-button__text { display: inline; } .wcboost-products-compare-button__icon, .wcboost-products-compare-button__text { font-size: 14px; color: #666; } } } .yith-wcwl-add-to-wishlist .yith-wcwl-add-button > a, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse > a, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse > a { width: auto; overflow: visible; height: auto; display: flex; align-items: center; color: #666; .yith-wcwl-icon, .fa-heart-o:before { font-size: 14px; } & > span { display: block; } } .wcboost-wishlist-button { width: auto; overflow: visible; height: auto; display: flex; align-items: center; color: #666; font-size: 14px; .wcboost-wishlist-button__icon { margin-right: 5px; } .wcboost-wishlist-button__text { display: inline-block; } } .mf-compare-button .compare.loading:after { top: 4px; left: 0; } .single_add_to_cart_button { width: 100%; } &.mf-has-buy-now form.cart { .single_add_to_cart_button, .buy_now_button { min-width: 100%; } } .actions-button { text-align: center; display: flex; padding-top: 10px; width: 100%; clear: both; justify-content: center; flex-wrap: wrap; .buy_now_button { width: 100%; margin-bottom: 15px; margin-left: 0; margin-top: 10px; } .mf-wishlist-button { display: inline-block; .yith-wcwl-add-to-wishlist, .wcboost-wishlist-button { margin-left: 0; margin-top: 0; } } } form.cart .mf-compare-button { display: inline-block; float: none; margin-top: 0; } } &.mf-product-layout-4 { .mf-entry-product-header { .entry-left { max-width: 100%; } } .social-links { margin-top: 15px; } .mf-summary-header { padding-bottom: 0; border-bottom: none; } .mf-entry-product-header { padding-top: 0; } .product_meta .sku_wrapper { display: block; } .mf-product-detail { background-color: $light; padding: 30px 15px; &:after { clear: both; display: block; content: ""; } } .summary-sep { height: 30px; } .mf-product-fbt { background-color: $light; border: none; margin-bottom: 30px; } .wc-tabs-wrapper { background-color: $light; padding: 20px; ul.tabs { text-align: left; li a { font-size: 19px; } li:first-child { padding-left: 0; } } } .mf-product-summary { margin-left: -15px; margin-right: -15px; } .product-sidebar { .widget { background-color: $light; } .custom-html-widget { padding: 20px; .mf-shipping-info { background-color: transparent; padding: 0; } } .widget_products { border: none; background-color: $light; .widget-title { margin: 0 20px; background-color: transparent; padding-left: 0; padding-right: 0; } } } .mf-product-fbt ul.products li.product { width: 33.33%; } &.mf-has-buy-now { form.cart { .buy_now_button { margin-left: 20px; } div.quantity { margin-right: 20px; } } } } &.mf-product-sidebar { div.images { padding-left: 0; width: 46%; .product-degree-images { bottom: 80px; left: 0; } .flex-control-nav { position: relative; top: 0; width: 100%; margin: 10px -5px 0; display: flex; flex-wrap: wrap; li { display: inline-block; padding: 0 5px; width: 65px; clear: none !important; } .slick-arrow { height: 40px; line-height: 40px; width: 20px; text-align: center; right: auto; left: -10px; transition: 0.35s; top: 53%; transform: translateY(-50%); } .slick-next-arrow { right: -10px; left: auto; } &:hover { .slick-prev-arrow { left: 5px; top: 53%; } .slick-next-arrow { right: 5px; top: 53%; } } } } .entry-summary { width: 54%; } .mf-summary-header { padding-bottom: 0; border-bottom: none; } .product_meta .sku_wrapper { display: block; } form.cart { div.quantity { margin-right: 20px; } .yith-wcwl-add-to-wishlist, .wcboost-wishlist-button, .mf-compare-button { margin-left: 15px; } } .social-links { margin-top: 15px; } .mf-product-fbt ul.products li.product { width: 33.33%; } .woocommerce-tabs ul.tabs { text-align: left; li a { font-size: 19px; } li:first-child { padding-left: 0; } } .tawc-deal { .deal-expire-date { display: block; margin-bottom: 30px; .deal-expire-text { width: 100%; margin-bottom: 15px; } .deal-expire-countdown { .days { padding-left: 0; } } } .deal-sold { .deal-sold-text { width: 100%; } .deal-progress, .deal-text { width: 100%; padding-left: 0; } } } } &.mf-product-layout-5 { .product_meta .sku_wrapper, .product-image-ms { display: none; } .woocommerce-product-gallery { padding-bottom: 0; } .mf-product-countdown { display: block; .cd-title { max-width: 100%; margin: 0 0 20px; } .flip-wrapper:first-child { padding-left: 0; } } form.cart .actions-button .buy_now_button { margin-left: 0; margin-top: 15px; width: 100%; } } &.mf-product-layout-6 { .product_meta .sku_wrapper { display: block; } .social-links { margin-top: 15px; } .mf-entry-product-header .entry-left { max-width: 100%; } .mf-summary-header { border-bottom: none; padding-bottom: 0; } } } .product-sidebar { .custom-html-widget { .mf-shipping-info { background-color: #f1f1f1; padding: 25px 30px; li { display: flex; align-items: center; color: $dark; line-height: 1.1; padding: 7px 0; i { font-size: 26px; padding-right: 25px; } } } } .widget { margin-bottom: 30px; .widget-title { border-bottom: 1px solid #e1e1e1; padding-bottom: 12px; } } .widget_products { border: 1px solid #e1e1e1; .widget-title { background-color: #f4f4f4; padding-left: 20px; padding-right: 15px; padding-top: 12px; } .product_list_widget { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin-bottom: 20px; li { padding: 20px; border: 1px solid transparent; transition: 0.5s; margin-top: 20px; display: block; &:last-child { padding-bottom: 20px; } &:hover { border-color: #d9d9d9; } a { margin-bottom: 0; } } li img { float: none; width: auto; margin-right: 0; margin-top: 0; } .product-title { color: #0066cc; font-size: 14px; margin-top: 15px; } .woocommerce-Price-amount { font-size: 16px; color: $dark; font-weight: 400; } ins { .woocommerce-Price-amount { color: #ff3300; } } del { padding-left: 5px; .woocommerce-Price-amount { color: #999; font-size: 14px; text-decoration: line-through; } } } } .widget.mf_widget_product_categories { background-color: #f5f5f5; padding: 25px 20px; .widget-title { margin-bottom: 20px; padding-bottom: 0; font-size: 18px; text-transform: uppercase; font-weight: 400; border-bottom: none; } ul li { padding-right: 0; } } } .single-product-layout-2, .single-product-layout-3, .single-product-layout-5 { .mf-product-instagram h2 { text-align: left; } section.up-sells, section.related { h2 { text-align: left; background-color: transparent; } } } .single-product-layout-2 { div.product.product-type-grouped .cart .group_table { table-layout: fixed; td:first-child { width: auto; } td a { white-space: normal; font-size: 14px; } td.woocommerce-grouped-product-list-item__label { padding: 5px; } } } .single-product-layout-4 { .site-content { background-color: #f1f1f1; padding-top: 0; } .mf-recently-products.footer-recently-viewed { background-color: #f1f1f1; padding-top: 50px; } .footer-history-products .footer-recently-viewed { background-color: #fff; } .mf-product-fbt { padding: 20px; } .mf-product-instagram { background-color: #f1f1f1; padding-bottom: 30px; margin-bottom: 0; h2 { text-align: left; margin-bottom: 30px; margin-top: 0; } .product-instagram-cont { background-color: $light; padding: 15px 20px; } .slick-slider .slick-dots { display: block !important; } .slick-arrow { display: none !important; } } section.up-sells, section.related { background-color: #f1f1f1; padding-bottom: 30px; margin-bottom: 0; .related-content, .up-sells-content { background-color: $light; padding: 20px; } h2 { text-align: left; background-color: transparent; margin-top: 0; } .product-inner { background-color: $light; padding: 0 20px 20px; } ul.products .slick-dots { display: block !important; } .slick-arrow { display: none !important; } } .product-sidebar { margin-top: 0; } } .single-product-layout-6 { div.product .wc-tabs-wrapper { ul.tabs { text-align: left; } .entry-content { .container { width: 100%; } } } section.up-sells .related-title, section.related .related-title { text-align: left; background-color: transparent; } .mf-product-instagram h2 { text-align: left; } } .woocommerce-message, .woocommerce-Message { a.button { @include btn-small(); } } .woocommerce .woocommerce-customer-details address { border: none; } .widget_shopping_cart_content { border: 1px solid #ccc; background-color: $light; padding: 10px 20px 0; .woocommerce-mini-cart__total { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 18px; margin-bottom: 0; strong { color: $dark; font-weight: 600; } .woocommerce-Price-amount { font-weight: 600; color: #ff3300; } } .woocommerce-mini-cart__buttons { margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; .button { height: 45px; line-height: 45px; border-radius: 3px; min-width: 150px; margin-bottom: 10px; white-space: nowrap; } .checkout { background-color: #e59c00; margin-left: 15px; } } } .mini-cart-button-lines { .widget_shopping_cart_content { .woocommerce-mini-cart__buttons { display: block; .button { width: 100%; margin-left: 0; } } } } .woocommerce { ul.cart_list, .widget_shopping_cart_content ul.product_list_widget { li { display: flex; position: relative; border-bottom: 1px solid #e5e5e5; padding: 15px 20px 15px 0; &:last-child { border-bottom: none; } img { float: left; width: 100%; margin-left: 0; } .product-image { float: left; width: 60px; } .product-content { float: left; padding-left: 15px; .product-name a { font-weight: 400; } } dl { border-left: 0; padding-left: 0; dt { font-weight: 500; color: $dark; } dd { margin-bottom: 0; } } .variation-SoldBy a, .wcfm_dashboard_item_title { color: #666; font-weight: 400; &:hover { color: $dark; } } .quantity { color: $dark; } .remove_from_cart_button { position: absolute; top: 16px; right: 0; color: #ccc; font-size: 14px; font-weight: 400; background-color: transparent; &:hover { color: $dark; } } } .mf-cart-panel-footer { border-top: 1px solid #e5e5e5; } } } .woocommerce { .blockUI.blockOverlay { background-color: rgba(255, 255, 255, 0.7) !important; opacity: 1 !important; background-image: none !important; &:after { border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: none; z-index: 999; color: transparent !important; font-size: 0; border-width: 1px; border-color: var(--mf-border-primary-color) var(--mf-border-primary-color) var(--mf-border-primary-color) transparent; -webkit-border-radius: 50%; border-style: solid; -webkit-animation: mf-spin-fast 1s linear infinite; animation: mf-spin-fast 1s linear infinite; content: ""; width: 30px; height: 30px; font-weight: 400; } &:before { display: none; } } } .tooltip { width: auto; font-family: $font-family-primary; white-space: nowrap; } .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { opacity: 0.25; &:after { @include mf-small-loading(); } } .yith_woocompare_colorbox { #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { background: transparent; width: 0; height: 0; } #cboxClose { background: none; top: 10px; right: 20px; bottom: auto; text-indent: inherit; overflow: hidden; color: $light; position: fixed; &:before { @include icon("\e92a"); font-size: 23px; width: 23px; height: 23px; } } } .catalog-ajax-filter { .widget_price_filter { .price_slider_amount { min-height: 20px; .button { display: none; } } } } .sticky-product-info-wapper { position: fixed; top: -20px; left: 0; right: 0; background-color: $light; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #e1e1e1; z-index: -9999; opacity: 0; transition: top 0.25s; .sticky-product-inner { display: flex; align-items: flex-start; justify-content: space-between; } .sc-product-info { display: flex; align-items: center; margin-right: 30px; .product-thumb { margin-right: 15px; img { max-width: 60px; } } .product-name { h2 { font-size: 20px; line-height: 1; font-weight: 400; margin: 0 0 5px; } } .sc-tabs { margin: 0 -12px; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; li { padding: 0 12px; margin-bottom: 0; a { color: #999; font-weight: 600; } } } } .sc-product-cart { display: flex; align-items: center; margin-top: 10px; .price { font-size: 22px; font-weight: 600; color: #ff3300; line-height: 1; margin-bottom: 0; margin-right: 25px; ins, del { display: block; } ins { text-decoration: none; margin-bottom: 3px; } del { color: #999999; font-size: 14px; font-weight: 400; } .sale { display: none; } } .button { @include btn-small(); border-radius: 4px; white-space: nowrap; } } &.viewport { opacity: 1; top: 0; z-index: 999; .sc-product-info .sc-tabs li { a.active { color: var(--mf-primary-color); } } } } .single-product-layout-3 { .sticky-product-info-wapper { .sc-product-info .sc-tabs li { a.active { color: var(--mf-primary-color); } } } } .admin-bar { .sticky-product-info-wapper { &.viewport { top: 32px; } } } .woocommerce-error, .woocommerce-info, .woocommerce-message { li { clear: both; a.button { height: 40px; line-height: 40px; } } } .woocommerce { &.search-no-results, &.search-results { .mf-catalog-title { font-size: 24px; font-weight: 600; margin: 0 0 20px; } } } .mb-filter-active { .martfury-off-canvas-layer { display: block; z-index: 9999; background-color: rgba(255, 255, 255, 0.85); } } .navigation-type-infinite { .woocommerce-pagination { text-align: center; margin: 0; .page-numbers { display: none; } .next { display: block; font-size: 16px; letter-spacing: 10px; text-transform: uppercase; color: #999; margin-top: 50px; margin-bottom: 30px; } } } .account-page-columns { &.woocommerce-account { .site-content, .page-header-page .entry-title { background-color: transparent; } } .customer-login { .col-login { width: 100%; margin: 0; } .martfury-login-columns { .tabs-nav { display: none; } .tabs-content { max-width: 100%; display: flex; justify-content: space-between; position: relative; &:after { content: ""; position: absolute; top: 0; right: 50%; bottom: 0; border-right: 1px solid #e8e8e8; } } .tabs-panel { padding: 0 15px; width: 45%; border: none; h2 { font-weight: 600; font-size: 24px; } } } } } .account-page-promotion { &.woocommerce-account { .site-content, .page-header-page .entry-title { background-color: transparent; } } .customer-login { .martfury-login-promotion { border: 1px solid #e8e8e8; max-width: 430px; } .tabs-panel { padding: 0; border: none; } .tabs-content { max-width: 100%; margin: 40px 30px; } .tabs-nav { border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; li { margin-bottom: 0; padding: 25px 10px; width: 50%; position: relative; } a { line-height: 1; font-size: 24px; padding: 0; &:after { position: absolute; bottom: 0; left: 0; right: 0; content: ""; border-bottom: 2px solid var(--mf-border-primary-color); opacity: 0; } &.active { color: var(--mf-primary-color); &:after { opacity: 1; } } } } } .col-login-promotion { padding-left: 0; } .login-promotion { margin-top: 25px; .pro-title { font-size: 24px; margin: 0 0 25px; font-weight: 600; } .pro-text { margin-bottom: 30px; } .pro-list { ul { margin: 0; padding: 0; list-style: none; li { font-size: 18px; color: $dark; display: flex; align-items: center; padding: 11px 0; margin-bottom: 0; i { font-size: 36px; color: var(--mf-primary-color); margin-right: 30px; } } } } .pro-sep { border-bottom: 1px solid #d9d9d9; margin: 40px 0 50px; } .promotion-ads-content { border: 1px dashed #b6b6b6; background-color: #f6f6f6; display: flex; align-items: center; padding: 30px 30px; } .promotion-ads-title { font-size: 72px; color: #669900; margin: 0 30px 0 0; } .promotion-ads-text { h4 { font-size: 20px; } h2, h3, h4, h5, h6 { margin: 0 0 15px; font-weight: 600; } } } } .admin-bar { .yith_woocompare_colorbox #cboxClose { top: 42px; } } .yith_woocompare_colorbox { #cboxContent { background-color: transparent; position: static; } #cboxLoadedContent { margin: 0; border: none; padding: 0; } } .woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__submit { float: none; } .customer-login div.nsl-container-block .nsl-container-buttons a { max-width: 100%; } .woocommerce .tawc-deal .deal-progress .progress-value { background-color: var(--mf-background-primary-color); } .wcboost-variation-swatches__selected-label::before { display: none; } .wcboost-variation-swatches__item { &.selected, &:hover { box-shadow: 0 0 0 1px var(--mf-background-primary-color); } } .wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected { background-color: transparent; } .wcboost-variation-swatches__name { font-weight: 600; } .wcboost-variation-swatches--color { .wcboost-variation-swatches__item { box-shadow: none; .wcboost-variation-swatches__name { position: relative; } &.selected, &:hover { box-shadow: none; .wcboost-variation-swatches__name:after { transform: rotate(45deg); content: ""; display: block; border: solid #eee; border-width: 0 2px 2px 0; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -3px; margin-top: -8px; width: 8px; height: 12px; } } } } .wcboost-wishlist-form { table.shop_table { tr { th { &.product-date, &.product-quantity { padding-left: 10px; padding-right: 10px; } } } tr { td { .quantity { border: 1px solid #ccc; line-height: 36px; position: relative; width: 100px; .label { display: none !important; } .decrease { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } .qty { margin-right: 30px; margin-left: 30px; width: 40px; } .increase { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; } } .added_to_cart { display: none !important; } &.product-date { font-size: 14px; padding-left: 10px; padding-right: 10px; width: 10%; } &.product-quantity { padding-left: 10px; padding-right: 10px; } &.product-add-to-cart { a { .add-to-cart-text { margin-left: 7px; } &.loading { i { opacity: 0; } &::after { top: 18px; left: 27px; right: auto; } } &.added { i { opacity: 1; } &::after { display: none; } } } } } } } } @media (max-width: 991px) { .wcboost-wishlist-form { table.shop_table { thead { display: none; } tr { td { padding-left: 0; padding-right: 0; &.product-price, &.product-stock-status, &.product-date { display: none; } &.product-quantity, &.product-add-to-cart { display: inline-flex; padding: 0 5px 30px; border: none; } &.product-add-to-cart::after { content: ""; border-bottom: 1px solid #d6d6d6; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } &.product-thumbnail { padding-right: 15px; width: 80px; } &.product-thumbnail, &.product-name { margin-bottom: 20px; border: none; position: relative; z-index: 100; } &.product-name { > a { font-size: 16px; font-weight: 600; margin: 0 0 10px; } .label { display: inline-block; width: 30%; font-size: 14px; font-weight: 400; padding: 0; } .product-price { display: block; font-size: 14px; padding: 0; .woocommerce-Price-amount { display: inline; } ins { padding-right: 10px; color: #cc0000; } del { color: #999; font-size: 13px; } } .product-date { font-size: 14px; } .product-stock-status { display: block; font-size: 14px; } .product-quantity { margin-top: 7px; } .product-add-to-cart { display: block; text-align: left; min-width: auto; float: left; margin-top: 20px; a { margin-top: 15px; padding: 0 15px; font-size: 14px; line-height: 40px; height: 40px; &.loading { i { opacity: 0; } &::after { top: 13px !important; left: 15px; right: auto; } } &.added { i { opacity: 1; } &::after { display: none; } } } .add-to-cart-text { margin-left: 7px; } } } &.product-add-to-cart .button { height: 40px; line-height: 40px; } } } } .wcboost-wishlist__item { position: relative; display: block; .product-remove { position: absolute; bottom: 5px; right: 0; padding: 20px 0; width: auto !important; border: none; a { display: inline-flex; color: #000 !important; width: 40px; height: 40px; justify-content: center; align-items: center; border: 1px solid #ccc; padding: 0; border-radius: 0; } } } } } .wcboost-products-compare__table { .product-name { a { a { color: #0066cc; } &:hover { color: var(--mf-primary-color); } } } .star-rating { float: none; } .in-stock { color: #8bc500; } .out-of-stock { color: #ff0000; } .price { font-size: 16px; color: $dark; line-height: 1; display: block; position: relative; margin-top: 5px; margin-bottom: 0; .amount { + .amount { padding-left: 5px; padding-right: 0; } } del { display: inline-block; padding-left: 5px; opacity: 1; color: $gray; font-size: 14px; span { color: $gray; } .amount { padding-top: 0; } } ins { text-decoration: none; display: inline-block; color: #ff3300; font-size: 16px; font-weight: 400; .amount { padding-top: 0; } } .sale { display: none; } } .product-add-to-cart { .add_to_cart_button { background-color: #000; color: #fff; width: 100%; border-radius: 5px; padding: 0 25px; height: 40px; line-height: 40px; i { display: none; } &.loading { &::after { top: 36%; transform: translateY(-36%); border-color: #fff #fff #fff transparent; } } &.added { &::after { display: none; } } } .wc-forward { display: none; } } } .wcboost-products-compare__tools { text-align: right; } .wc-block-cart { table.wc-block-cart-items { .wc-block-cart-items__header { font-size: 16px; color: #161619; text-transform: capitalize; th { font-weight: 500; } } tr.wc-block-cart-items__row td { padding-top: 30px; padding-bottom: 30px; } .wc-block-cart-items__row td:after { border-color: #ecf0f4; opacity: 1; } .wc-block-cart-item__product { font-size: 14px; color: #1d2128; } .wc-block-cart-item__prices { font-size: 14px; color: #1d2128; font-weight: 500; } .wc-block-components-product-price__value.is-discounted { background-color: transparent; } .wc-block-cart-item__quantity { padding: 15px 0 0; input.wc-block-components-quantity-selector__input { height: auto; width: 30px; min-width: 30px; height: 40px; line-height: 40px; padding: 0; &:focus { border: none; box-shadow: none; } } .wc-block-components-quantity-selector:after { display: none; } .wc-block-components-quantity-selector { margin-bottom: 10px; border: 1px solid #ccc; } .wc-block-components-quantity-selector__button { font-size: 16px; line-height: 1; font-weight: 600; &:focus { box-shadow: none; } } button.wc-block-cart-item__remove-link { text-align: left; font-size: 14px; } } .wc-block-cart-items__row .wc-block-cart-item__total { font-size: 16px; color: #000; } .wc-block-components-formatted-money-amount { font-weight: 500; } .wc-block-components-product-metadata__description { display: none; } } } .wc-block-cart .wp-block-woocommerce-cart-order-summary-block { padding: 26px 31px 31px; border: 1px solid #ccc; background-color: #f1f1f1; .wc-block-components-totals-wrapper:after { border-color: #e2e2e2; opacity: 1; } span.wc-block-cart__totals-title { text-align: left; font-size: 16px; text-transform: capitalize; } .wc-block-components-totals-item__value { font-weight: 500; } .wc-block-components-totals-item__description, .wc-block-components-formatted-money-amount { font-size: 14px; } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 18px; font-weight: 600; } } .wc-block-cart__submit { .wc-block-components-button { background-color: var(--mf-background-primary-color); color: var(--mf-background-primary-text-color); margin-top: 20px; outline: none !important; font-weight: 600; &:focus { box-shadow: none; } } } .wp-block-woocommerce-checkout { h2 { font-weight: 500; } .wc-block-components-checkout-place-order-button { line-height: 30px; width: auto; } input[type=email], input[type=number], input[type=tel], input[type=text], input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-textarea { color: #000; border: 1px solid #ccc; &:focus { color: #000; border-color: #ccc; outline: none; } } .wc-block-cart-item__prices { font-size: 14px; color: #1d2128; font-weight: 500; } .wc-block-components-product-price__value.is-discounted { background-color: transparent; } .wc-block-components-product-metadata__description { display: none; } .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity { color: #1d2128; } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-item__value { font-weight: 500; } .wc-block-components-sidebar div.wc-block-components-totals-item { padding-left: 0; padding-right: 0; } .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button { background-color: var(--mf-background-primary-color); color: var(--mf-background-primary-text-color); border: none; font-weight: 600; &:focus { outline: none !important; } } .wc-block-components-radio-control .wc-block-components-radio-control__input:focus { outline: none !important; } } .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus { outline: none; }
💾 Save Changes
❌ Cancel