.elementor-kit-8{--e-global-color-primary:#CA0000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#1B1B1B;--e-global-color-accent:#010000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Change the main Proceed to Payment button to brand red */
.woocommerce-cart .woocommerce a.button.alt {
    background-color: #cc0000 !important; /* Adjust this hex code to your exact brand red */
    color: #ffffff !important;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.woocommerce-cart .woocommerce a.button.alt:hover {
    background-color: #990000 !important; /* Darker red for hover state */
    color: #ffffff !important;
}

/* Make the Update Donation button look cleaner and turn red on hover */
.woocommerce-cart .woocommerce button.button[name="update_cart"] {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.woocommerce-cart .woocommerce button.button[name="update_cart"]:hover {
    background-color: #cc0000 !important;
    color: #ffffff !important;
    border-color: #cc0000 !important;
}
/* Hide the empty Quantity column header and cells */
.woocommerce-cart table.cart th.product-quantity, 
.woocommerce-cart table.cart td.product-quantity {
    display: none !important;
}
/* Style the main cart table like a clean card */
.woocommerce-cart table.shop_table {
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    border-collapse: separate !important; /* Required for border-radius on tables */
    overflow: hidden !important;
    background-color: #ffffff !important;
}

/* Clean up the table rows and headers */
.woocommerce-cart table.shop_table th, 
.woocommerce-cart table.shop_table td {
    border-top: 1px solid #e8e8e8 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 18px !important;
    background: transparent !important;
}

/* Style the Donation Summary totals box to match */
.woocommerce-cart .cart-collaterals .cart_totals {
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    padding: 25px !important;
    background-color: #ffffff !important;
}

/* Ensure table header text is clean and dark */
.woocommerce-cart table.shop_table th {
    color: #333333 !important;
    font-weight: 700 !important;
    text-transform: none !important;
}
/* Make the page title solid red */
.page-id-YOUR_PAGE_ID h1,
.woocommerce-cart h1, 
.woocommerce-cart .entry-title,
.woocommerce-cart h2 {
    color: #cc0000 !important; /* Adjust to your brand red if needed */
}/* End custom CSS */