/*
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.   ***************/
.custom-buy-now-button {
    background-color: red; /* Màu nền của nút */
    color: white; /* Màu chữ trên nút */
    padding: 10px 20px; /* Khoảng cách padding */
    border: none; /* Không viền */
    border-radius: 5px; /* Bo góc */
    cursor: pointer; /* Con trỏ chuột khi di chuyển vào nút */
    text-align: center; /* Căn giữa chữ */
    text-decoration: none; /* Không gạch chân */
    display: inline-block; /* Hiển thị nút ngang hàng với các phần tử khác */
    font-size: 15px; /* Kích thước chữ */
    margin: 4px 2px; /* Khoảng cách lề */
    transition-duration: 0.4s; /* Thời gian chuyển đổi khi hover */
}

.custom-buy-now-button:hover {
    background-color: #555; /* Màu nền khi hover */
    color: white; /* Màu chữ khi hover */
}

.custom-button-product-single{
    display: flex;
}
.btn-chuoi{
    color: #fff;
    font-size: 16px;
    background-color: #04b0f0;
    border-radius: 0;
    padding: 5px 5px;
    display: inline-block;
    text-align: center;
    border: 1px solid #04b0f0;
    border-radius: 5px;
   
    transition: background-color 0.3s, color 0.3s;
}
.custom-button-product-single .btn-chuoi{
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    border-radius: 5px;
    width: 100%;
}
.custom-button-product-single .btn-chuoi.btn-yellow{
    background-color: #cc7b02;
    border: 1px solid #cc7b02;
}


.custom-expand-button-product-single {
    position: relative;
    border: 2px solid #cc7b02;
    border-radius: 10px;
    padding: 13px;
    display: flex;
    justify-content: center; /* Căn giữa theo chiều ngang */
    align-items: center; /* Căn giữa theo chiều dọc */
}

.custom-expand-button-product-single .title{
    position: absolute;
    top: -16px;
    z-index: 9;
    background: #ffffff;
    left: 15px;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 20px;

}
.custom-expand-button-product-single .btn-chuoi{
    margin: 5px 5px;
    background: transparent;
    color: #cc7b02;
    padding: 0px 3px;
    border-radius: 10px;
}

.custom-button-product-single .btn-chuoi:hover {
    background-color: #063F77;
}

.btn-chuoi.btn-yellow:hover {
    background-color: #713c00;
}

.btn-chuoi:hover {
    background-color: #713c00;
    color: #ffffff;
    border:  #cc7b02;
}

/*p{
	text-align:justify;
}*/

.entry-content h2 {
    font-weight: bold;
    color: #0f4982;
    background-color: rgba(0, 128, 255, 0.2); /* Nền xanh trong suốt */
    padding: 5px 10px; /* Khoảng cách trên, dưới, trái, phải */
    border-radius: 5px; /* Bo tròn góc */
}

.entry-content h2:hover {
	color: #023261;
    background-color: rgba(0, 128, 255, 0.4); /* Nền xanh đậm hơn khi hover */
}

.entry-content h3 {
    font-weight: bold;
    color: #0f4982;
    padding-left: 10px; /* Tạo khoảng cách 10px bên trái */
}
.entry-content h4 {
    font-weight: bold;
    
    padding-left: 5px; /* Tạo khoảng cách 10px bên trái */
}


@media only screen and (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*	.product-footer .woocommerce-tabs{
		padding:0;
	}

	.nav-tabs+.tab-panels{
		padding:10px 0;
		border:none;
		text-align:justify;
	}*/

}