/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions.
Tags: blog,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 2.0.57.1720418723
Updated: 2024-07-08 06:05:23

*/

/*.ct-container {

    max-width: 1380px !important; 
}
*/

.ct-container {
    margin-left: auto;
    margin-right: auto;
}
.post-type-archive-product .hero-section, .tax-product_cat .hero-section, .tax-product .hero-section{
    display: none;
}
.custom-shop-header {
	position: relative;
    background-size: cover;
    background-position: center;
    padding: 20px !important;
    padding-bottom: 30px !important;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 7px;

}
.custom-shop-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #28282870; 
    z-index: 1;
}
.custom-shop-header h1,
.custom-shop-header p {
    position: relative;
    z-index: 2;
}
.custom-shop-header h1 {
    margin: 0 0 10px;
    font-size: 2em;
    text-align: left;
    color: #fff;
}
.custom-shop-header p {
    margin: 0;
    font-size: 18px;
    text-align: left;
    line-height: 23px;
}
li.type-product:hover{
  
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .08);
    border-radius: 5px;
/*    border: 1px solid #f0f0f0;*/
    background: #fff;#
    padding-bottom: 25px !important;
}
li.type-product{
    padding: 0px 20px; 
}
.add_to_cart_button {
line-height: 20px;
}
.out-of-stock-badge {
    --badge-background-color: #ff6163;
}

.onsale {
    --badge-background-color: #ff9140;
}
.wc-block-price-filter__range-input {
    border-color: red !important;
    background-color: white; 
}
.st-current {
    outline: 2px solid red; /* Adjust the width and color as needed */
}
.ct-woo-card-extra[data-type=type-1] .ct-button:hover, .ct-woo-card-extra[data-type=type-1] .ct-button[data-button-state=active], .ct-woo-card-extra[data-type=type-1] .ct-button[data-button-state=loading] {
    color: var(--theme-button-text-hover-color);
    background: #ff9410 !important;
}

[data-products] {
    display: grid;
    grid-template-columns: var(--shop-columns);
    grid-column-gap: var(--grid-columns-gap, 0px);
    grid-row-gap: var(--grid-rows-gap, 20px);
}

[data-pagination=simple] .page-numbers.current, [data-pagination=next_prev] .page-numbers.current {
    background: #3da5da;
}
[data-pagination=simple] .page-numbers:not(.dots):hover, [data-pagination=next_prev] .page-numbers:not(.dots):hover {
    border-color: #3da5da;
    color: #3da5da;

}
.wc-forward{
    background-color: #3da5da ;
    color: white;
}
.button.product_type_variable{
    width: 100%;
}
span.select2-dropdown .select2-results__option.select2-results__option--highlighted[aria-selected], span.select2-dropdown .select2-results__option.select2-results__option--highlighted[data-selected] {
    color: var(--form-field-select-active-color, #fff);
    background-color: #3da5da;
}
.ct-pagination{
    padding: 0px 30px;
}
figure {
    position: relative;
}

.woosq-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border-radius: 50%;
    padding: 10px;
    color: white;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

li.type-product:hover .woosq-btn {
    background-color: #ff9140;
    font-size: 18px;
    color: #fff;
}

li.type-product:hover .woosq-btn-icon {
    color: #fff;
}
.woosq-btn:hover .woosq-btn-icon {
    color: #3da5da !important;
}
.woosq-btn .woosq-btn-icon {
    font-size: 16px;
    color: #000;
}
.woosq-popup .quantity{
    display: none;
}
.woosq-btn .woosq-btn-icon:hover {

}
.view-details-btn {
    background-color: #ff6163;
}
.view-details-btn:hover {
    background-color: #ff6163;
    color: white;
}
.learn-more-button{
    width: 100%;
}
.menu-custom-css .elementor-widget:not(:last-child) {
    margin-block-end: 0px !important;
    margin-bottom: 0px !important;
}
[data-products] .product {
    padding: 25px 30px;
}
.woocommerce-loop-product__title a:hover{
    color: #3da5da;
}
.woocommerce-cart .ct-woocommerce-cart-form .cart_totals .wc-proceed-to-checkout a {
    line-height: 0px;
}

.woocommerce-cart .quantity[data-type=type-2] .ct-increase, .woocommerce-cart .quantity[data-type=type-2] .ct-decrease {
    top: calc(100% - var(--quantity-height, 55px) / 3.6);
   
}
.woocommerce-shop .quantity[data-type=type-2], .tax-product_cat .quantity[data-type=type-2] {
    width: var(--quantity-width, 100px);
    height: 40px;
}
.ajax_add_to_cart{
    width: 100px;
    min-height: 0px !important;
}
.woosq-popup .product_meta{
    display: none ;
}

@media (min-width: 1000px) and (max-width: 1313px) {
    .woocommerce-shop .quantity[data-type=type-2], .tax-product_cat .quantity[data-type=type-2] {
        width: var(--quantity-width, 63px);
        height: 40px;
    }
    .ajax_add_to_cart{
        width: 40px;
        min-height: 0px !important;
    }
    .woocommerce-shop .quantity[data-type=type-2] input[type=number], .tax-product_cat .quantity[data-type=type-2] input[type=number]{
    
        padding-inline: 0; 
    }
    .woocommerce-shop .quantity[data-type=type-2] .ct-increase, .woocommerce-shop .quantity[data-type=type-2] .ct-decrease {
        width: 8px !important;
    }
     .tax-product_cat .quantity[data-type=type-2] .ct-increase, .tax-product_cat .quantity[data-type=type-2] .ct-decrease {
        width: 8px !important;
    }

}
@media (min-width: 1500px) and (max-width: 1700px) {
    .left_button1 {
        
    }

    .left_button2 {
       
    }

    .left_button3 {
        
    }

    .header-button-custom-css{
       width: 39% !important;
    }
    .menu-custom-css{
        width: 42% !important;
        
    }

}

@media (min-width: 690px) and (max-width: 999px) {
.woocommerce-cart .woocommerce-cart-form__contents .actions {
    text-align: left;
    
}
.woocommerce-cart .woocommerce-cart-form__contents .coupon {
    margin-right: 30px;
}

}
@media (min-width: 1000px) {

    [data-sidebar=left] {
        --sidebar-order: -1;
        --sidebar-width: 20%;
        --grid-template-columns: var(--sidebar-width) minmax(100px, 1fr);
    }

}

@media (min-width: 1200px) {

   .ct-container {
    max-width: 1380px !important; 
}

}
@media (max-width: 767px) {

[data-products] .product {
    padding: 25px 10px;
}
.add_to_cart_button {
    line-height: 17px;
    font-size: 12px;
}

}

@media (max-width: 380px) {

[data-products] .product {
    padding: 25px 5px;
}
.add_to_cart_button {
    line-height: 16px;
    font-size: 12px;
}


}


@media (max-width: 423px) {

    .woocommerce-shop .quantity[data-type=type-2], .tax-product_cat .quantity[data-type=type-2] {
        --quantity-width: 63px;
        width: var(--quantity-width, 63px);
        height: 40px;
    }
    .ajax_add_to_cart{
        width: 40px;
        min-height: 0px !important;
    }
    .woocommerce-shop .quantity[data-type=type-2] input[type=number], .tax-product_cat .quantity[data-type=type-2] input[type=number]{
    
        padding-inline: 0; 
    }
    .woocommerce-shop .quantity[data-type=type-2] .ct-increase, .woocommerce-shop .quantity[data-type=type-2] .ct-decrease {
        width: 8px !important;
    }
     .tax-product_cat .quantity[data-type=type-2] .ct-increase, .tax-product_cat .quantity[data-type=type-2] .ct-decrease {
        width: 8px !important;
    }


}