/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1739960140
Updated: 2025-02-19 10:15:41

*/

.site-navigation a {
    color:#2d8ee3;
}

/* Category Loop View */

.custom-category-box {
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.custom-category-box img {
    width: 100%;
    height: auto;
    max-height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.custom-category-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    color:#2d8ee3;
}

.custom-category-count {
    font-size: 14px;
    color: #777;
}

.custom-category-box:hover {
    transform: scale(1.05);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
}

/* Ensure products take up the correct width */
.woocommerce ul.products.columns-3 li.product {
    width: calc(33.333% - 20px); /* Keep 3 columns but allow spacing */
    margin: 10px; /* Adds a little spacing */
}

/* Make sure images and content are centered and properly sized */
.woocommerce ul.products.columns-3 li.product img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.woocommerce ul.products.columns-3 li.product .product-info {
    text-align: center;
    padding: 10px;
}

/* Fix potential alignment issues */
.woocommerce ul.products.columns-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Prevent single products from looking off when there are only 2 */
.woocommerce ul.products.columns-3:has(li.product:nth-child(2):last-child) {
    justify-content: center;
}

.checkoutbtncustom a {
    background-color:#0057B7!important;
    margin-top:20px
}

.custom-product-box {
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.custom-product-box img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

.custom-product-title {
    font-size: 18px;
    margin-top: 10px;
    color:#2d8ee3;
}

.custom-product-title a {
    color: #2d8ee3;
}

.custom-product-price {
    font-size: 14px;
    color: #777;
    font-weight:bold;
}

.custom-product-box:hover {
    transform: scale(1.05);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
}

/* Add a custom button style */
.woocommerce ul.products li.product .button{
    display: inline-block;
    margin-top: 1em;
    margin-bottom:1em;
    background-color: #ffc439;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
}

a.button.wc-forward{
    display: inline-block;
    background-color: #ffc439;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
}

button.single_add_to_cart_button.button.alt{
    display: inline-block;
    background-color: #ffc439;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
}

.product_meta a, .wc-block-cart-items a, .wc-block-components-checkbox__label a {
    color: #2d8ee3;
}



.woocommerce-message {
    background: #e3f6e0; /* Light green background */
    color: #2c662d; /* Dark green text */
    border-left: 5px solid #28a745; /* Green border */
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-message::before {
    content: ""; /* Checkmark icon */
    font-size: 20px;
    font-weight: bold;
    color: #28a745;
}

.woocommerce-message a {
    color: #2c662d;
    font-weight: bold;
    text-decoration: underline;
    transition: color 0.3s ease-in-out;
}

.woocommerce-message a:hover {
    color: #1a441d; /* Darker green on hover */
}
@media (max-width: 990px) {
    .woocommerce ul.products.columns-3 li.product {
        width: calc(50% - 20px); /* Keep 2 columns but allow spacing */
    }
}
@media (max-width: 590px) {
    .woocommerce ul.products.columns-3 li.product {
        width: calc(100% - 20px); /* Keep 2 columns but allow spacing */
    }
}

/* Hide on mobile */
@media (max-width: 768px) {
    .wp-block-woocommerce-cart-cross-sells-block {
        display: none;
    }
}

.rp-express-checkout {display:none}


.wc-block-components-express-payment--checkout, .wc-block-components-express-payment-continue-rule {
    display: none!important;
}

/* Nice Green CSS Button */
.wc-block-components-checkout-place-order-button {
    background-color: #28a745!important;
    color: #fff!important;
    border:none!important;
}
.wc-block-components-checkout-place-order-button:hover {
    background-color: #218838!important;
}

.custom-product-price, .woocommerce-Price-amount {
    color: #333 !important;
    font-weight:bold;
}

/* blog index layout */

.blog .post {
    clear: both;
}

.blog .post::after {
    content: "";
    display: table;
    clear: both;
}

.blog .post > .entry-title {
    margin-top: 1.5rem;
}

.blog .post .wp-post-image-area {
    max-width: 240px;
    float: left;
    margin-right: 1rem;
    margin-bottom: 0.75rem;
}

.blog .post .wp-post-image-area .wp-post-image {
    max-width: 100%;
    border-radius: 6px;
}

.blog .post .wp-post-read-more-link {
    white-space: nowrap;
}

.blog .post .wp-post-read-more-link:not(:hover) {
    text-decoration: none;
}

/* image to side of heading */
@media (min-width: 1200px) {
    .blog .post {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: min-content 1fr;
        margin-bottom: 1.5rem;
    }
    .blog .post .wp-post-image-area {
        grid-column: 1;
        grid-row: span 2;
        margin-bottom: 0;
    }
    .blog .post .entry-title {
        grid-column: 2;
        grid-row: 1;
        margin-top: 0.75rem;
    }
    .blog .post .wp-post-excerpt {
        grid-column: 2;
        grid-row: 2;
    }
}

/* checkout alignment fix */
.wp-block-woocommerce-cart.alignwide {
    margin-inline: 0;

}