/*
Theme Name: Greenbay
Description: This is a child theme for Flatsome Theme
Author: kokuro theme
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.danh_sach_can_ho{height:320px; overflow: auto}
.trich_tin_tuc{padding:10px}
.trich_tin_tuc p{margin-bottom:5px}
.trich_tin_tuc a:hover{color: #94b755}
.upper-footer {
    display: block;
    background-color: #94b755;
    height: 12px;
}
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    font-size: 14px;
    height: 46px;
    border: none;
    border-radius: 5px;
}
.custom-image-box-border {
    border: 1px solid #d6d6d6; /* Viền mặc định */
    border-radius: 1px; /* Bo góc khung */
    padding: 5px; /* Thêm khoảng cách bên trong */
    transition: border-color 0.3s ease; /* Chỉ giữ hiệu ứng chuyển màu viền */
}

.custom-image-box-border:hover {
    border-color: red; /* Đổi màu viền sang đỏ khi hover */
    transform: none; /* Tắt hiệu ứng nẩy lên và dịch chuyển */
}

.custom-image-box-border img {
    border-radius: 1px; /* Bo góc ảnh */
    transition: none; /* Tắt tất cả các hiệu ứng chuyển động trên ảnh */
}

.custom-image-box-border:hover img {
    transform: none; /* Tắt hiệu ứng nẩy lên cho ảnh */
}
.count-up {
    font-size: 46px; /* Kích thước chữ 22px */
    color: #004f9f;    /* Màu xanh */
    font-weight: bold;
    text-align: center;
    display: inline-block;
}
td {
    color: #0e0e0e;
}
td, th {
    border-bottom: 1px solid #1c1b1b;
    font-size: .9em;
    line-height: 1.3;
    padding: .5em;
    text-align: center;
}
/* Hàng đầu tiên của bảng */
table thead tr td {
    background-color: #007BFF 
    color: white 
    font-weight: bold 
    }
/* Điều chỉnh kích thước ảnh sản phẩm trong trang sản phẩm */
.single-product .product .woocommerce-product-gallery__image img {
    width: 460px !important;   /* Chiều rộng ảnh */
    height: 460px !important;  /* Chiều cao ảnh */
    object-fit: cover;         /* Đảm bảo ảnh không bị méo và giữ tỷ lệ */
}
/* Điều chỉnh kích thước ảnh nhỏ trong gallery (thumbnail images) */
.product-thumbnails a img, 
.product-thumbnails .is-nav-selected a img, 
.product-thumbnails a:hover img {
    width: 100px !important;   /* Chiều rộng ảnh nhỏ */
    height: 100px !important;  /* Chiều cao ảnh nhỏ */
    object-fit: cover;        /* Đảm bảo ảnh không bị méo */
}
/* Căn đều chữ cho tất cả bài viết, trang, và sản phẩm */
.single-product .entry-content, 
.post, 
.page, 
.single .entry-content, 
.entry-content {
    text-align: justify !important; /* Căn đều chữ */
    text-justify: inter-word; /* Giãn cách giữa các từ */
}
/* Căn đều chữ cho tất cả nội dung trong mô tả sản phẩm */
.single-product .product .woocommerce-Tabs-panel--description p,
.single-product .product .woocommerce-product-details__short-description p {
    text-align: justify !important;  /* Căn đều chữ */
    text-justify: inter-word !important; /* Giãn cách giữa các từ */
    margin-bottom: 10px; /* Thêm khoảng cách dưới mỗi đoạn văn */
}
/* Class CSS căn đều chữ cho mô tả sản phẩm */
.justify-text {
    text-align: justify !important;  /* Căn đều chữ */
    text-justify: inter-word !important; /* Giãn cách giữa các từ */
    margin-bottom: 10px; /* Thêm khoảng cách dưới mỗi đoạn văn */
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.entry-header-text {
    padding: 0.1em 0;
}
#comments {
    display:none !important
}