/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/* Style the Button to be Solid Green and Full Width */
.add-to-cart-button a {
    background-color: #007a2d !important; /* Green from your image */
    color: #fff !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 2px 0 !important;
    border-radius: 4px !important;
    margin-top: 10px !important;
}

/* Ensure the button is not hidden */
/* .add-to-cart-button {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
} */

/* product box card custome css */

.ux-swatches.ux-swatches-in-loop {
    gap: 5px;
    margin-bottom: .7em;
    width: 100%;
}
.has-shadow .box-text {
    padding-left: 8px;
    padding-right: 8px;
}

.ux-swatches--rounded * {
    border-radius: 2px;
    background: #0984e9;
    padding: 0px;
    color: #fff;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
}

.price-wrapper .price {
    display: block;
    font-size: 17px;
    /* color: yellow; */
}
span.amount {
    color: #e87e00;
    font-weight: 700;
    white-space: nowrap;
}

.single-product .single_add_to_cart_button {
    display: none !important;
}

.home-page-info-text-area .title-bg {
	    background: #1791f3 !important;
}

.home-page-info-text-area .title-bg h1, 
.home-page-info-text-area .title-bg p {
	    background: #1791f3 !important;
	
}



.home-page-info-text-area .page-title-sub  {
	opacity:1 !important;
	font-size:12px !important;
		line-height:1.3 !important;
	
}
.home-page-info-text-area  .title-content  {
	display:none !important;
}
.custom-product-top-text {
    background: #fff3cd;
    padding: 12px;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid #eee;
}
/* woocommerce plugin the price text */
.price product-page-price {
	 font-size: 25px !important;
}
span.amount {
    color: #ff0000;
    font-weight: 700;
    white-space: nowrap;
    font-size: 25px !important;
}


@media  (max-width: 576px) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.home-page-info-text-area .title-bg p {
			font-size:12px !important;
		line-height:1.3 !important;

	}

}