/*
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.84.1741185272
Updated: 2025-03-05 14:34:32

*/



/* Custom Product Loop Layout */
/* Product Container */


.single-product .product .summary {
    display: flex !important;
    flex-direction: column-reverse !important;
}

.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: start; /* Distribute space between items */
    gap: 20px; /* Fallback gap for older browsers */
    margin: 0 auto;
    max-width: 100%;
}
.products li {
	width:400px !important;
}

/* Individual Product Item */
.product {
    width: calc(45%);
}

.product-image{
	width:400px !important;
}
/* Product Image */
.product-image img {
    max-width: 100% !important;
/* 	width:100 !important; */
	width:400px !important;
    height: auto !important;
	object-fit: cover !important; /* Cover the container */
    object-position: top center !important; /* Align to the top-center */
}


/* Product Title */
.woocommerce-loop-product__title {
    font-size: 18px;
    font-weight: 600 !important;
    color: #273567;
    margin: 10px 0;
	text-transform:uppercase;
	font-family: 'SeasonMix-Medium' !important;
}

/* Short Description */
.product-short-description {
    font-size: 16px;
    color: #273567;
    margin-bottom: 15px;
    line-height: 1.5;
	text-transform:uppercase;
	font-family: 'SeasonSans-Light' !important;
}

/* Price */
.product-price {
    font-size: 16px;
    font-weight: 700;
    color: #0073aa;
    margin-bottom: 15px;
	text-align: right;
	font-family: 'SeasonSans-Light' !important;
}

/* Add to Cart Button */
.product-add-to-cart .button {
    display: inline-block;
    padding: 10px 20px;
    background-color: transparent;
    color: #273567;
    text-decoration: none;
    border-radius: 0px 0px 20px 0px;
	border: 2px solid #273567;
    font-size: 16px;
    font-weight: 400;
    transition: background-color 0.3s ease;
	font-family: 'SeasonSans-Light' !important;
}

.product-add-to-cart .button:hover {
    background-color: #273567;
	color:white;
}
/* Hide "View Cart" button */
.added_to_cart {
    display: none !important;
}

/* hide return to shop btn in cart page */
.return-to-shop{
	display:none !important;
}

/* Custom Mini-Cart Header */
.custom-mini-cart-header {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.custom-mini-cart-header h3 {
    margin: 0;
    font-size: 18px;
}

.custom-mini-cart-header p {
    margin: 5px 0 0;
    font-size: 14px;
    color: #666;
}

/* Sale Badge */
.onsale-badge {
    background-color: #ff0000;
    color: #fff;
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 3px;
    margin-left: 10px;
}

/* Quantity Input */
.qty-input {
    width: 50px;
    padding: 5px;
    text-align: center;
}

/* Continue Shopping Button */
.continue-shopping {
    background-color: #0073aa;
    color: #fff;
    margin-right: 10px;
}

/* Product Name and Short Description */
.product-name {
    color:#273567;
	text-transform: uppercase;
	font-size: 18px;
	
}
.product-name a{
/*     color:#273567;
	text-transform: uppercase;
	font-size: 18px; */
	font-weight:600!important;
	
}

.product-short-description {
   	color:#273567;
	text-transform: uppercase;
	font-size: 16px;
}
.price{
	font-weight:bold !important;
}

/* Base styles for quantity input */
div.quantity input[type=number] {
    font-weight: 500;
    text-align: center;
    margin-top: 0;
    max-width: initial;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: var(--theme-form-field-border-radius, 3px) !important;
    --theme-form-font-size: 0.9em;
    --theme-form-field-height: 100%;
    --theme-form-field-border-style: solid;
    --theme-form-field-border-initial-color: var(--quantity-initial-color, var(--theme-button-background-initial-color));
    --theme-form-field-background-initial-color: transparent;
    border-color: #273567 !important; /* Set the border color to your requested blue */
}

.product-quantity{
	text-align:start !important;
}
/* Container styling */
div.quantity {
    display: flex;
    align-items: center;
    height: 40px;
}
#os-upd_cart_btn {
    border: 2px solid #273567;
	border-radius: 0px 0px 20px 0px;
	color:#273567;
    background-color: transparent;
}

.elementor-menu-cart__toggle_wrapper .elementor-menu-cart__main{
	display: none !important;
}

#os-upd_cart_btn:hover {
	color:#fff;
    background-color: #273567;
}
.mini-cart-total{
	display:none !important;
}
.ct-woocommerce-cart-form{
	display:block !important;
	align-content:stretch !important;
}

#os-cart-divider{
	width:100% !important;
	height: 1px;
	background-color: #273567;
}
#os-cart-total {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

#os-cart-total #title {
    font-weight: bold;
	color:#273567;
	font-size:17px;
	text-transform:uppercase;
}

#os-cart-total #value {
    color:#273567;
	font-weight: bold;
	font-size:17px;
}
/* Style for minus and plus buttons */
div.quantity .minus,
div.quantity .plus {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #ccc; /* Default border color */
    transition: all 0.2s ease; /* Smooth transition for hover effect */
}

/* Hover effect for the buttons */
div.quantity .minus:hover,
div.quantity .plus:hover {
    border-color: #273567 !important; /* Change border to blue on hover */
    color: #273567 !important; /* Change text/icon color to match */
    background-color:#273567 !important; /* Light blue background */
}

/* Focus state for input */
div.quantity input[type=number]:focus {
    border-color: #273567 !important;
    outline: none;
    box-shadow: 0 0 0 1px rgba(39, 53, 103, 0.2);
}

/* Custom Mini-Cart Footer */
.custom-mini-cart-footer {
    text-align: center;
    padding: 10px;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}


.custom-mini-cart-footer a {
    color: #0073aa;
    text-decoration: none;
}

/* Start Shopping Button for Empty Cart */
.start-shopping {
    display: block;
    margin-top: 10px;
    text-align: center;
}
/* Custom loader styles */
.woocommerce .add_to_cart_button.loading::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-top: 2px solid #0073aa; /* Change color to match your theme */
    border-radius: 50%;
    animation: spin 0.75s linear infinite;
    margin-left: 10px; /* Adjust spacing between button and loader */
}

/* Keyframes for spinning animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Custom styles to enhance Bootstrap for the checkout */
body.woocommerce-checkout {
    background-color: #f8f9fa;
}

.custom-checkout-container {
    padding-top: 30px;
    padding-bottom: 50px;
}

.card {
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border: none;
}

.card-header {
    background-color: #e6eef2 !important;
    border-bottom: none;
}

.card-header h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #343a40;
}

/* Input fields */
.form-control, .form-select {
    background-color: #e6eef2;
    border: none;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
}

.form-control:focus, .form-select:focus {
    background-color: #d9e6ed;
    box-shadow: none;
    border-color: #80bdff;
}

/* Buttons */
.btn-primary {
    background-color: #343a40;
    border-color: #343a40;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 0;
}

.btn-primary:hover {
    background-color: #444;
    border-color: #444;
}

/* Table styling */
.table {
    margin-bottom: 0;
}

.table thead th {
    background-color: #e6eef2;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    border-top: none;
}

.table tbody td {
    vertical-align: middle;
}

/* Order summary */
.amount {
    font-weight: 600;
}

/* Fix WooCommerce select2 styling conflicts with Bootstrap */
.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    background-color: #e6eef2;
    border: none;
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + 0.75rem + 2px);
}

/* Responsive Design */
@media (max-width: 1024px) {
	
    .product {
        width: calc(50% - 20px); /* 3 columns on tablets */
    }
}

@media (max-width: 768px) {
    .product {
        width: calc(50% - 20px); /* 2 columns on smaller tablets */
    }
}

@media (max-width: 480px) {
	#os-upd_cart_btn {
    width:200px !important;
	}
	.woocommerce-loop-product__title,
	.product-short-description,
	.product-price,
	.product-add-to-cart {
		padding:0px 15px;
	}
    .product {
        width: 100%; /* 1 column on mobile */
    }
}