/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

.elementor-element-2bee8ff span.hidden-price + a, .contact-for-price {
	color: #9f0e34 !important; /* Màu chữ đỏ */
	font-weight: bold; /* Chữ đậm */
	font-size: 16px; /* Kích thước chữ */
	text-decoration: none; /* Không gạch chân */
}

.elementor-element-2bee8ff span.hidden-price + a, .contact-for-price:hover {
	color: #d60000; /* Màu chữ khi hover */
	text-decoration: underline; /* Gạch chân khi di chuột vào */
}




/* Post item */
.gleamhaven__post-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px 100px;
}

.gleamhaven__post-grid .gleamhaven__post-item {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.gleamhaven__post-grid .gleamhaven__post-item a:has(.gleamhaven__post-image) {

}

.gleamhaven__post-grid .gleamhaven__post-item .gleamhaven__post-image {
	aspect-ratio: 16/11;
	border-radius: 16px;
	object-fit: cover;
}

.gleamhaven__post-grid .gleamhaven__post-item .gleamhaven__post-title {
	margin: 0;
	font: 600 24px 'Dosis';
	line-height: 1.5em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gleamhaven__post-grid .gleamhaven__post-item .gleamhaven__post-title a {

}

.gleamhaven__post-grid .gleamhaven__post-item .gleamhaven__post-date {
	margin: 0;
}

.gleamhaven__post-grid .gleamhaven__post-item .gleamhaven__post-content {
	margin: 0;
	line-height: 1.5em;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gleamhaven__pagination {
	display: flex;
	justify-content: center;
	margin-top: 50px;
	gap: 40px;
}

.gleamhaven__pagination a {
	font: 500 18px 'Dosis';
}


@media (max-width: 767px) {
	.gleamhaven__post-grid {
		grid-gap: 32px 16px;
	}

	.gleamhaven__post-grid .gleamhaven__post-item .gleamhaven__post-title {
		font: 600 18px 'Dosis';
	}

	.gleamhaven__post-grid .gleamhaven__post-item .gleamhaven__post-date,
	.gleamhaven__post-grid .gleamhaven__post-item .gleamhaven__post-content {
		font-size: 16px;
	}
}