OwlCyberSecurity - MANAGER

Edit File: _archive.scss

/*--------------------------------------------------------------
# Archive Top
--------------------------------------------------------------*/
.kadence-shop-top-row {
    padding-bottom: var(--global-md-spacing);
    display: flex;
}
.kadence-product-toggle-container {
    display: flex;
    .kadence-toggle-shop-layout {
        padding: 0px 6px;
        color: var(--global-palette6);
        margin-left: 0.5em;
        border: 1px solid var(--global-gray-400);
        display: flex;
        height: 30px;
        border-radius: 0;
        align-items: center;
        background: transparent;
        box-shadow: none;
        .kadence-svg-iconset {
            pointer-events: none;
        }
        &.toggle-active, &:hover {
            color: var(--global-palette5);
            border-color: var(--global-palette5);
            background:transparent;
            box-shadow: none;
        }
        .kadence-list-svg {
            top: -1px;
            position: relative;
        }
    }
}
.kadence-woo-results-count {
    flex-grow: 1;
    font-size:90%;
    margin-bottom: 0.5em;
    line-height: 30px;
    p {
        margin: 0;
    }
}
@media screen and (min-width: $tablet-plus-query) {
    .kadence-shop-top-row {
        justify-content: flex-end;
    }
    .kadence-woo-results-count {
        margin-bottom: 0;
    }
}
select.orderby {
    padding-bottom: 3px;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 25px;
    height: auto;
    border-radius:0;
    font-size:90%;
    background-color:transparent;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-position: right 0 top 50%;
    font-weight: 600;
    cursor: pointer;
    appearance: none;
    background-size: auto 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==);
}
.woocommerce {
    /**
     * Product loops
     */
    .products ul,
    ul.products {
        margin: 0 0 1em;
        padding: 0;
        list-style: none outside;
        clear: both;

li {
            list-style: none outside;
        }
    }

li.product {
        a {
            text-decoration: none;
            color:inherit;
        }
    }

ul.products li.product {
        overflow: hidden;

.onsale {
            top: 6px;
            right: 6px;
            left: auto;
            margin: 0;
        }

.product-excerpt {
            display: none;
        }

a.woocommerce-loop-image-link {
            position: relative;
            display: block;
			outline-offset: -5px;
        }

.product-action-wrap {
            margin-top: 1em;
        }

.entry-content-wrap {
            padding: 1rem 1rem 1.5rem;
            position: relative;
            margin: 0 .5em;
            border-radius: .25rem;
            transition: transform .3s cubic-bezier(.17,.67,.35,.95);
        }

h3,
        .woocommerce-loop-product__title,
        .woocommerce-loop-category__title {
            padding: 0.5rem 0;
            margin: 0;
            font-size: 1em;
            font-weight: 500;
            a {
                transition: none;
            }
        }
  
        a img {
            width: 100%;
            height: auto;
            display: block;
            margin: 0;
            box-shadow: none;
        }

a .kb-is-ratio-image img {
            height: 100%;
        }

strong {
            display: block;
        }

.woocommerce-placeholder {
            border: 1px solid #f2f2f2;
        }

.star-rating {
            font-size: 0.85em;
        }

.button {
			.kadence-svg-iconset svg {
				margin-left: 0.5em;
			}
            .kadence-spinner-svg, .kadence-check-svg {
                display:none;
            }
            &.loading {
                opacity: 0.25;
                .kadence-arrow-right-alt-svg {
                    display:none;
                }
                .kadence-spinner-svg {
                    display:block;
                    animation: spin 2s linear infinite;
                }
                &::after {
                    display: none;
                }
            }
    
            &.added {
                font-size: 0;
                .kadence-svg-iconset:last-child {
                    font-size: 1rem;
                }
                .kadence-arrow-right-alt-svg {
                    display:none;
                }
                .kadence-check-svg {
                    display:block;
                    font-size: 80%;
                }
                &::after {
                    display: none;
                }
            }
        }

.price {
            color: inherit;
            display: block;
            font-weight: normal;
            margin-bottom: 0.3em;
            font-size: 0.857em;
            del {
                color: inherit;
                opacity: 0.5;
                display: inline-block;
            }

ins {
                background: none;
                font-weight: 700;
                display: inline-block;
            }

.from {
                font-size: 0.67em;
                margin: -2px 0 0 0;
                text-transform: uppercase;
                color: var(--global-palette6);
            }
        }
        .star-rating ~ .price {
            padding-right: 5.4em;
        }
    }

.products.align-buttons-bottom li.product .entry-content-wrap {
        .star-rating {
            float: none;
            margin-left: 0;
            margin-bottom: 0.5em;
        }
        .star-rating ~ .price {
            padding:0;
        }
    }

ul.products.woo-archive-btn-button, ul.products li.woo-archive-btn-button {
        .button:not(.kb-button) {
            color: var(--global-palette-btn);
            background: var(--global-palette-btn-bg);
            text-align: center;
            width: 100%;
            display: block;
            transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
            &:hover {
                color: var(--global-palette-btn-hover);
                background: var(--global-palette-btn-bg-hover);
            }
        }
    }
    ul.products.woo-archive-btn-button {
        li.product .button.added {
            height: 0;
            padding: 0;
            overflow: hidden;
			border:0;
        }
    }
    ul.products li.woo-archive-btn-button .button.added {
        height: 0;
        padding: 0;
        overflow: hidden;
        border:0;
    }
    ul.products.woo-archive-btn-button.products-list-view .button {
        width: auto;
    }
    ul.products.woo-archive-btn-button li.product .price {
        margin-bottom: 1em;
    }
      ul.products:not( .woo-archive-btn-button ) li:where(:not(.woo-archive-btn-button) ) {
        .button:not(.kb-button) {
            background: transparent;
            padding: 0.5em 0;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: .05em;
            color: inherit;
            font-size: 80%;
            border:0;
            box-shadow: none;
            transition: color 0.2s ease;
            display: inline;
         }
      }
      ul.products.woo-archive-action-on-hover li.product {
        .product-action-wrap {
            width: auto;
            position: absolute;
            bottom: -2rem;
            left: 0;
            margin-top: 0;
            padding: 0 1rem;
            right: 0;
            opacity: 0;
            transition: opacity .3s cubic-bezier(.17,.67,.35,.95);
        }
        &:hover, &:focus-within {
            .entry-content-wrap {
                transform: translateY(-2rem);
            }
            .product-action-wrap {
                bottom: -.8rem;
                opacity: 1;
            }
        }
    }
  
      nav.woocommerce-pagination {
          margin: var(--global-lg-spacing) auto;
          ul {
             justify-content: center;
             flex-wrap: wrap;
             margin: 0;
             list-style: none;
             padding: 0;
              li {
                 .page-numbers {
                     display: inline-block;
                     margin-right: 0.5em;
                     border: 2px solid transparent;
                     min-width: 2.5em;
                     line-height: 2.25em;
                     text-align: center;
                     text-decoration: none;
                     border-radius: .25rem;
                     color:inherit;
                 }
                  a:hover,
                  a:focus {
                     border-color: var(--global-palette-btn-bg);
                  }
                  span.current {
                     border-color: var(--global-palette-btn-bg);
                     background: var(--global-palette-btn-bg);
	                color: var(--global-palette-btn);
                  }
              }
          }
    }
}
.kadence-woo-toggle {
    display: none;
}
.kadence-shop-top-row {
    flex-wrap: wrap;
}
.archive.content-style-unboxed .products.woo-archive-action-visible li.product.content-bg.loop-entry .content-bg:not(.loop-entry), .post-type-archive.content-style-unboxed .products.woo-archive-action-visible li.product.content-bg.loop-entry .content-bg:not(.loop-entry), .single-product.content-style-unboxed .products.woo-archive-action-visible li.product.content-bg.loop-entry .content-bg:not(.loop-entry) {
    background:transparent;
    padding-left:0;
    margin-left: 0;
    padding-right:0;
    margin-right: 0;
    padding-bottom: 0;
}
@media screen and (min-width: $landscape-phone-plus-query) {
    .kadence-woo-toggle {
        display: block;
    }
    .archive.content-style-unboxed.woocommerce ul.products.products-list-view li.product.content-bg.loop-entry .entry-content-wrap:not(.loop-entry) {
        padding: 0 0 0 1.5rem;
    }
    .woocommerce ul.products.products-list-view {
        grid-template-columns: 1fr;
        li.product {
            display: grid;
            grid-template-columns: 1fr 2fr;
            .woocommerce-loop-product__title {
                font-size: 1.3em;
            }
            .entry-content-wrap {
                padding: 1rem 1rem 1rem 1.5rem;
            }
            .product-excerpt {
                display: block;
            }
            .product-action-wrap {
                width: auto;
                position: static;
                margin-top: 1em;
                padding: 0;
                right: 0;
                opacity: 1;
                transition: none;
            }
            .star-rating {
                float:none;
                margin-left: 0;
            }
            .star-rating ~ .price {
                padding:0;
                margin-top: 1em;
            }
            &:hover, &:focus-within {
                .entry-content-wrap {
                    transform: translateY(0);
                }
                .product-action-wrap {
                    bottom: 0;
                    opacity: 1;
                }
            }
        }
    }
    .woocommerce ul.products.grid-lg-col-1.products-grid-view {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
@media screen and (min-width: $laptop-plus-query) {
    .woocommerce ul.products.products-list-view {
        li.product {
            align-items: center;
        }
    }
}
// wtbp plugin
.wtbpContentTable .wtbpAddToCartWrapper p {
    margin: 0;
}
// Wish List
ul.products li.product .tinvwl-loop-button-wrapper {
    position: absolute;
    bottom: 100%;
    right: 0;
    padding: 0.5em;
}

ul.products li.product .tinvwl_add_to_wishlist_button {
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

ul.products li.product .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text {
    font-size: 80%;
    background: rgba(0,0,0,.5);
    padding: 0.2em 0.4em;
    color: white;
    position:relative;
    margin-right:0.5em;
    opacity:0;
    transition: all 0.2s ease;
}
ul.products li.product .tinvwl_add_to_wishlist_button:hover .tinvwl_add_to_wishlist-text {
    opacity:1;
}
ul.products li.product .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text:after {
    margin-left: 0;
    margin-right: -12px;
    border: 6px solid transparent;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: rgba(0,0,0,0.5);
    z-index: 1001;
    background: transparent;
    content: "";
    position:absolute;
    right:0;
    top: 50%;
    transform:translate( 0, -50%); 
}
ul.products li.product .tinvwl_add_to_wishlist_button:before {
    margin-right:0;
    background:#fff;
    color:#000;
    border-radius:50%;
    padding:0.2em
}
// Align buttons on bottom.
.products.align-buttons-bottom li.product {
    display: flex;
    flex-direction: column;
    .entry-content-wrap {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
}
.woocommerce .products.align-buttons-bottom li.product {
    .product-action-wrap {
        margin-top: auto;
        padding-top: 0.7em;
    }
}
// Top align
ul.products li.product .tinvwl-loop-button-wrapper.tinvwl-above_thumb-add-to-cart .tinvwl_add_to_wishlist_button {
    flex-direction: row;
}
ul.products li.product .tinvwl-loop-button-wrapper.tinvwl-above_thumb-add-to-cart .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text {
    margin-left: 0.5em;
    margin-right: 0;
}
ul.products li.product .tinvwl-loop-button-wrapper.tinvwl-above_thumb-add-to-cart .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text:after {
    right:auto;
    left:0;
    border: 6px solid transparent;
    border-right-color: rgba(0,0,0,0.5);
    margin-left:-12px;
    margin-right:0;
}